ui-kit MCP Server

1

Add to your AI assistant

Copy this into your MCP config (Claude, Cursor, or any MCP client):

{
  "mcpServers": {
    "ui-kit": {
      "url": "https://ui-kit-mcp.annondeveloper.workers.dev/sse"
    }
  }
}

2

Try these prompts — your AI will use real component APIs, not guesses:

"Build a dashboard with MetricCard, DataTable, and TimeSeriesChart"

"Create a multi-step form wizard with validation"

"Show me all the chart components available"

"Generate a login page with the ui-kit design system"

3

When you're ready to use the generated code:

npm install @annondeveloper/ui-kit

list_componentsBrowse all 147 components by category or tier

get_componentFull API reference — props, types, examples

search_componentsFind components by use case

generate_snippetWorking TSX with correct imports

get_themeOKLCH theme tokens and CSS

get_icons50+ built-in SVG icons