@baoyog/design-mcp

MCP server for discovering and validating @baoyog/design-vue components.

Start

Build the component package first, then run:

pnpm --filter @baoyog/design-mcp start

The server uses stdio transport and is intended to be configured by an MCP-capable AI client.

Run it with npx after publishing:

npx -y @baoyog/design-mcp

Example client configuration:

{
  "mcpServers": {
    "baoyog-design": {
      "command": "npx",
      "args": ["-y", "@baoyog/design-mcp"]
    }
  }
}

Tools

• search_components: Find components by name or source path.
• get_component_api: Read canonical metadata and TypeScript declarations.
• get_component_example: Read examples extracted from the component documentation.
• validate_component_usage: Detect unsupported prop names.
• get_design_rules: Read Baoyog Design Vue usage rules.