Astryxとは何ですか?
Astryxは、React 19+とStyleXを基盤とするオープンソースのデザインシステムです。開発者やデザイナー向けに、カスタマイズ可能なテーマやコンポーネントを提供し、エージェント(AI)によるプロジェクト生成に対応しています。現在ベータ版として提供されており、コマンドラインまたはMCP経由での利用が想定されています。
Astryxの特徴は何ですか?
- Reactベースのコンポーネントアクセシビリティ対応およびテーマ適用可能な180以上のReactコンポーネントを提供し、間隔調整やダークモード機能を組み込んでいます。
- カスタマイズ可能なテーマブランドに合わせて既存のテーマを修正・適用できる機能で、ゼロから構築せずにデザインを調整できます。
- 本番環境用テンプレート一般的なページ構成向けの即座に利用可能なテンプレートを提供し、コンテンツを挿入するだけで実装を進められます。
- エージェント対応ドキュメントコマンドラインやMCPを通じて、プロジェクトのスキャフォールド作成やテーマ生成を行うためのエージェント向けドキュメントを提供します。
Astryxの使用例は何ですか?
- ブランド適合性の迅速な実現既存のテーマをカスタマイズすることで、新規プロジェクトのデザイン基盤を短期間で整える状況。
- AIエージェントによるUI構築MCPなどのインターフェースを利用し、テーブルページなどの特定のUI要素をコード生成させる開発ワークフロー。
Astryxの価格情報:
- 無料公開ソースコードがオープンソースとして公開されており、利用料金は明記されていません。



