MCP Server
Connect AI coding assistants to hanzo/ui components. Get accurate TypeScript props and React component data without hallucinations.
What is MCP?
Model Context Protocol (MCP) connects AI coding tools directly to component registries and documentation. Instead of relying on training data, your AI assistant gets real-time access to actual component implementations.
Accurate Props
Get exact TypeScript props and interfaces, not outdated or hallucinated types.
Real Components
Access actual component implementations from the registry, not approximations.
Live Updates
Always get the latest component versions and patterns as they're updated.
Setup Guides
Claude Code Setup
Anthropic's official CLI for Claude
Installation
claude mcp add --transport http hanzo-ui https://ui.hanzo.ai/api/mcpUsage Examples
// List all components
use hanzo-ui to list all available components
// Get component details
use hanzo-ui to show me the AI Playground component
// Implement in your project
use hanzo-ui to add the AI Chat component to my app
What You Get
| Prompt | Without MCP | With MCP |
|---|---|---|
| "Show me AI components" | Generic AI input fields | 8 specialized AI components with props |
| "Add chat interface" | Basic textarea with send button | Full AI Chat with streaming, history, providers |
| "Implement AI playground" | Random code snippets | Complete AI Playground with parameters |
Need Help?
Join our Discord community for help from other developers using MCP with hanzo/ui components.