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 构建界面的开发者的组件库。它通过 MCP 服务和 AI skill 提供组件清单与源码信息,支持 AI 辅助开发。

主要功能

  1. 01支持五种框架的组件
  2. 02将组件复制到项目中
  3. 03支持 Tailwind CSS
  4. 04通过 CLI 初始化和安装
  5. 05提供框架指引 AI skill

适用场景

  1. 01编码时查询组件 API
  2. 02为指定框架搭建项目
  3. 03向应用添加可编辑组件

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,覆盖 Web 和移动端。

遵循 shadcn/ui 理念:组件会复制到你的项目中,并且仍可完全编辑。不会被运行时锁定。

框架组件一致性

框架组件样式说明
React 18+69Radix UI + Tailwind CSS参考实现
Vue 369Radix Vue + Tailwind CSS与 React 完全一致
Angular 20+69独立组件、ControlValueAccessor
React Native67NativeWind自定义日期选择器、NativeWind 类
Flutter69Material Design 3Galaxy 前缀的组件

仅限 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 + 参考资料)

链接

许可证

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

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。