Galaxy UI MCP Server について
Galaxy UIは、Vue、React、Angular、React Native、FlutterでWebやモバイルの画面を作る開発者向けのコンポーネントライブラリです。MCPサーバーとAIスキルがコンポーネントのマニフェストやソース情報を提供し、AIを使った開発を支援します。
主な機能
- 015つのフレームワーク向けコンポーネント
- 02プロジェクトへのコピー導入
- 03Tailwind CSS対応
- 04CLIによる初期化と追加
- 05フレームワーク別ガイドのAIスキル
活用シーン
- 01開発中のコンポーネントAPI確認
- 02フレームワークに合わせたプロジェクト作成
- 03編集可能なUIコンポーネントの追加
MCP 対応
MCPサーバーは互換性のあるAIクライアントにGalaxy UIのコンポーネント情報を公開し、実際のAPIやソース情報の利用を支援します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
Galaxy UI
67 個のコンポーネント × 5 つのフレームワーク — コピー&ペーストで使える、shadcn スタイルのコンポーネントライブラリ
Vue 3、React 18、Angular 20+、React Native、Flutter 向けの、美しくアクセシブルなコンポーネントです。Radix プリミティブを基盤とし、Tailwind CSS v3/v4 に対応。ウェブからモバイルまで利用できます。
shadcn/ui の理念に従い、コンポーネントはプロジェクトにコピーして、自由に編集できます。実行時のロックインはありません。
フレームワーク間の対応状況
| フレームワーク | コンポーネント数 | スタイリング | 備考 |
|---|---|---|---|
| React 18+ | 69 | Radix UI + Tailwind CSS | リファレンス実装 |
| Vue 3 | 69 | Radix Vue + Tailwind CSS | React と完全に同等 |
| Angular 20+ | 69 | Radix NG + Tailwind CSS | スタンドアロンコンポーネント、ControlValueAccessor |
| React Native | 67 | NativeWind | カスタム日付ピッカー、NativeWind クラス |
| Flutter | 69 | Material Design 3 | Galaxy 接頭辞付きウィジェット |
ウェブ専用(9 個のコンポーネント):breadcrumb、command、combobox、dashboard-block、data-table、kbd、toolbar、resizable、scroll-area
クイックスタート
# Detect your framework and scaffold
npx @galaxy-stack/nebula-cli@latest init
# Add components
npx @galaxy-stack/nebula-cli@latest add button card dialog
# With theme preset
npx @galaxy-stack/nebula-cli@latest init --theme violet
AI ネイティブ
Galaxy UI には MCP サーバーと AI スキルが付属しています。AI アシスタント(Claude、Cursor、Windsurf)は、実際の API を使って Galaxy コンポーネントを構築でき、誤った API を生成することはありません。
{
"mcpServers": {
"galaxy-ui": {
"command": "npx",
"args": ["-y", "@galaxy-stack/nebula-mcp"]
}
}
}
AI スキル
galaxy-ui スキル(skills/ 内)は、正しい CLI ワークフロー、フレームワーク固有の注意点、コンポーネントのパターンを AI アシスタントに教えます。Claude/Codex のスキルディレクトリにインストールするか、プロンプト内で参照してください。
プロジェクト構成
galaxy-nebula/
├── galaxy-design ← this repo (source workspace + MCP + skill)
├── galaxy-design-cli → @galaxy-stack/nebula-cli (npm, command: nebula)
├── nebula-mcp → @galaxy-stack/nebula-mcp (npm, MCP server)
└── docs-nebula → docs site (VitePress, galaxy-nebula.vercel.app)
リポジトリ
これは、すべての Galaxy UI コンポーネント実装、マニフェスト、コントラクトのソースワークスペースです。コンポーネントは CLI を使ってプロジェクトにコピーします。インストール後は、あなたのものとして自由に使えます。
| ディレクトリ | 内容 |
|---|---|
packages/react/ | React コンポーネント(67 個) |
packages/vue/ | Vue コンポーネント(69 個) |
packages/angular/ | Angular コンポーネント(69 個) |
packages/react-native/ | React Native コンポーネント(67 個) |
packages/flutter/ | Flutter コンポーネント(69 個) |
packages/contracts/ | 正規マニフェスト、スキーマ、生成されたレジストリ |
skills/galaxy-ui/ | AI スキル(SKILL.md + リファレンス) |
リンク
- ドキュメント: https://galaxy-nebula.vercel.app
- CLI:
npm install -g @galaxy-stack/nebula-cli - MCP:
npx @galaxy-stack/nebula-mcp - Smithery: https://smithery.ai/servers/galaxy-stack/nebula-mcp
- MCP Registry: https://registry.modelcontextprotocol.io
ライセンス
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。