关于 Galaxy UI MCP Server
Galaxy UI 是面向使用 Vue、React、Angular、React Native 或 Flutter 构建界面的开发者的组件库。它通过 MCP 服务和 AI skill 提供组件清单与源码信息,支持 AI 辅助开发。
主要功能
- 01支持五种框架的组件
- 02将组件复制到项目中
- 03支持 Tailwind CSS
- 04通过 CLI 初始化和安装
- 05提供框架指引 AI skill
适用场景
- 01编码时查询组件 API
- 02为指定框架搭建项目
- 03向应用添加可编辑组件
MCP 相关
MCP 服务向兼容的 AI 客户端提供 Galaxy UI 组件信息,帮助其使用真实 API 和源码资料。
配置
本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。
工具
本地服务需要在你的电脑上运行后才能读取工具,维护者暂未提供工具列表。
详细介绍
适用于 Vue 3、React 18、Angular 20+、React Native 和 Flutter 的精美易用组件——基于 Radix 基元构建,支持 Tailwind CSS v3/v4,覆盖 Web 和移动端。
遵循 shadcn/ui 理念:组件会复制到你的项目中,并且仍可完全编辑。不会被运行时锁定。
框架组件一致性
| 框架 | 组件 | 样式 | 说明 |
|---|---|---|---|
| React 18+ | 69 | Radix UI + Tailwind CSS | 参考实现 |
| Vue 3 | 69 | Radix Vue + Tailwind CSS | 与 React 完全一致 |
| Angular 20+ | 69 | 独立组件、ControlValueAccessor | |
| React Native | 67 | NativeWind | 自定义日期选择器、NativeWind 类 |
| Flutter | 69 | Material Design 3 | Galaxy 前缀的组件 |
仅限 Web(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/)会教 AI 助手正确的 CLI 工作流、特定框架的注意事项和组件模式。将其安装到 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 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。