mcpField
G
Galaxy UI MCP Server

Galaxy UI MCP Server

Local
github.com/buikevinDeveloper Tools1Updated 4w ago

About Galaxy UI MCP Server

Galaxy UI is a component library for developers building web and mobile interfaces with Vue, React, Angular, React Native, or Flutter. Its MCP server and AI skill provide component manifests and source information for AI-assisted development.

Key features

  1. 01Components for five frameworks
  2. 02Copy components into projects
  3. 03Tailwind CSS support
  4. 04CLI scaffolding and installation
  5. 05AI skill with framework guidance

Use cases

  1. 01Find component APIs while coding
  2. 02Scaffold a project for a framework
  3. 03Add editable UI components to an app

MCP support

The MCP server exposes Galaxy UI component information to compatible AI clients, helping them use real APIs and source details.

Configuration

Local server config is the same for every client. Copy it into your client’s MCP config file.

mcp.json · Universal config
{
"mcpServers": {
"buikevin-galaxy-design": {
"command": "npx",
"args": [
"-y",
"@galaxy-stack/design-mcp"
]
}
}
}
Run commandnpx -y @galaxy-stack/design-mcp

Local servers need a runtime on your machine (e.g. Node.js 18+). Config file locations differ by client; see your client’s docs.

Packages
npm@galaxy-stack/design-mcp0.1.1

Tools

No tool list yet

Local servers expose tools only once running on your machine, and the maintainer has not provided a tool list.

Details

From the project README

Galaxy UI

67 components × 5 frameworks — copy-paste component library, shadcn-style

npm License: MIT GitHub stars MCP Registry

Docs · CLI · MCP Server · Smithery


Beautiful, accessible components for Vue 3, React 18, Angular 20+, React Native, and Flutter — built on Radix primitives with Tailwind CSS v3/v4 support, from web to mobile.

Following the shadcn/ui philosophy: components are copied into your project and remain fully editable. No runtime lock-in.

Framework Parity

FrameworkComponentsStylingNotes
React 18+69Radix UI + Tailwind CSSReference implementation
Vue 369Radix Vue + Tailwind CSSFull parity with React
Angular 20+69Radix NG + Tailwind CSSStandalone components, ControlValueAccessor
React Native67NativeWindCustom date pickers, NativeWind classes
Flutter69Material Design 3Galaxy-prefixed widgets

Web-only (9 components): breadcrumb, command, combobox, dashboard-block, data-table, kbd, toolbar, resizable, scroll-area

Quick Start

# 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-Native

Galaxy UI ships with an MCP server and an AI skill so AI assistants (Claude, Cursor, Windsurf) can build with Galaxy components using real APIs instead of hallucinated ones.

{
  "mcpServers": {
    "galaxy-ui": {
      "command": "npx",
      "args": ["-y", "@galaxy-stack/nebula-mcp"]
    }
  }
}
AI Skill

The galaxy-ui skill (in skills/) teaches AI assistants the correct CLI workflow, framework-specific gotchas, and component patterns. Install it into Claude/Codex skills directory or reference it in your prompts.

Project Structure

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)

Repository

This is the source workspace for all Galaxy UI component implementations, manifests, and contracts. Components are copied into your project via the CLI — they belong to you after installation.

DirectoryContents
packages/react/React components (67)
packages/vue/Vue components (69)
packages/angular/Angular components (69)
packages/react-native/React Native components (67)
packages/flutter/Flutter components (69)
packages/contracts/Canonical manifests, schemas, generated registries
skills/galaxy-ui/AI skill (SKILL.md + references)

Links

License

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

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.