mcpField
G
Galaxy UI MCP Server

Galaxy UI MCP Server

ローカル
github.com/buikevin開発ツール14 週間前に更新

Galaxy UI MCP Server について

Galaxy UIは、Vue、React、Angular、React Native、FlutterでWebやモバイルの画面を作る開発者向けのコンポーネントライブラリです。MCPサーバーとAIスキルがコンポーネントのマニフェストやソース情報を提供し、AIを使った開発を支援します。

主な機能

  1. 015つのフレームワーク向けコンポーネント
  2. 02プロジェクトへのコピー導入
  3. 03Tailwind CSS対応
  4. 04CLIによる初期化と追加
  5. 05フレームワーク別ガイドのAIスキル

活用シーン

  1. 01開発中のコンポーネントAPI確認
  2. 02フレームワークに合わせたプロジェクト作成
  3. 03編集可能なUIコンポーネントの追加

MCP 対応

MCPサーバーは互換性のあるAIクライアントにGalaxy UIのコンポーネント情報を公開し、実際のAPIやソース情報の利用を支援します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
"mcpServers": {
"buikevin-galaxy-design": {
"command": "npx",
"args": [
"-y",
"@galaxy-stack/design-mcp"
]
}
}
}
起動コマンドnpx -y @galaxy-stack/design-mcp

ローカルサーバーにはマシン上の実行環境(Node.js 18 以上など)が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@galaxy-stack/design-mcp0.1.1

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Galaxy UI

67 個のコンポーネント × 5 つのフレームワーク — コピー&ペーストで使える、shadcn スタイルのコンポーネントライブラリ

npm License: MIT GitHub stars MCP Registry

ドキュメント · CLI · MCP サーバー · Smithery


Vue 3、React 18、Angular 20+、React Native、Flutter 向けの、美しくアクセシブルなコンポーネントです。Radix プリミティブを基盤とし、Tailwind CSS v3/v4 に対応。ウェブからモバイルまで利用できます。

shadcn/ui の理念に従い、コンポーネントはプロジェクトにコピーして、自由に編集できます。実行時のロックインはありません。

フレームワーク間の対応状況

フレームワークコンポーネント数スタイリング備考
React 18+69Radix UI + Tailwind CSSリファレンス実装
Vue 369Radix Vue + Tailwind CSSReact と完全に同等
Angular 20+69Radix NG + Tailwind CSSスタンドアロンコンポーネント、ControlValueAccessor
React Native67NativeWindカスタム日付ピッカー、NativeWind クラス
Flutter69Material Design 3Galaxy 接頭辞付きウィジェット

ウェブ専用(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 + リファレンス)

リンク

ライセンス

MIT © Bùi Trọng Hiếu (kevinbui)

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。