Power your agent
पब्लिशर की अपनी कमांड। PlugMCP एंडपॉइंट नहीं।
Host a copy with our keys and logs.
npx -y @heroui/[email protected]Claude Code में लोकल कमांड के लिए इंस्टॉल लिंक नहीं है। नीचे दी गई कमांड कॉपी करें और टर्मिनल में चलाएँ।
claude mcp add heroui-react-mcp -- npx -y @heroui/react-mcp@1.1.4टर्मिनल में चलाएँ।
{ "mcpServers": { "heroui-react-mcp": { "command": "npx", "args": [ "-y", "@heroui/[email protected]" ] } }}claude_desktop_config.json
रिमोट URL या आपकी मशीन पर कमांड? दोनों इंस्टॉल में क्या अंतर है
PlugMCP पर चलाएँ
A new server you create. It is not this listing's official endpoint. Use the publisher install when you want their URL and their credentials.
लॉन्चपब्लिशर से
Model Context Protocol (MCP) servers for the HeroUI design system. Access HeroUI component documentation directly in your AI assistant.
MCP server for HeroUI component documentation via Model Context Protocol
| MCP | Description | Docs |
|---|
@heroui/react-mcp | MCP server for web (@heroui/react) component docs, examples, and theme data | README |
@heroui/native-mcp | MCP server for React Native (heroui-native) component docs, examples, and theme data | README |
@heroui/migration-mcp | Remote MCP server for migrating from HeroUI v2 to v3 | README |
The React and Native stdio servers require Node.js 22.22.0 or later.
Choose your package based on your platform:
For Web (React/Next.js):
# Cursor, Claude Code, Windsurf, etc.
npx -y @heroui/react-mcp@latest
For React Native:
npx -y @heroui/native-mcp@latest
See package-specific READMEs for detailed installation instructions for your IDE.
# Clone and install
git clone https://github.com/heroui-inc/heroui-mcp.git
cd heroui-mcp
pnpm install
# Set up each app's environment variables (required for data extraction)
cp apps/react-mcp/.env.example apps/react-mcp/.env
cp apps/native-mcp/.env.example apps/native-mcp/.env
# Edit each app's .env with your Cloudflare R2 and GitHub credentials
# Use R2_BUCKET_NAME=heroui-mcp-data-dev to match the development API bindings
Build Commands:
pnpm build # Build all packages
pnpm build:react # Build React MCP only
pnpm build:native # Build Native MCP only
pnpm build:migration # Type-check Migration MCP (no bundle output)
Development Servers:
pnpm dev # Start all dev servers (excludes mastra)
pnpm dev:react # React MCP API server (http://localhost:8787)
pnpm dev:native # Native MCP API server (http://localhost:8788)
pnpm dev:migration # Migration MCP HTTP server (http://localhost:8790)
pnpm dev:mastra # Mastra playground server (http://localhost:4111)
Testing & Inspection:
pnpm inspect:react # Launch MCP Inspector for React
pnpm inspect:native # Launch MCP Inspector for Native
pnpm inspect:migration # Inspect the running local Migration MCP server
pnpm lint # Run linting
pnpm typecheck # Run type checking
pnpm test # Run tests
Data Extraction:
pnpm extract:react # Extract React component data
pnpm extract:native # Extract Native component data
Code Quality:
pnpm format # Format code with Prettier
pnpm clean # Clean build artifacts
pnpm release:check # Pre-release validation
See CONTRIBUTING.md for detailed development setup and architecture information.
We welcome contributions! Please see CONTRIBUTING.md for development setup, architecture details, and contribution guidelines.
Please adhere to our Code of Conduct in all interactions.
MCP server for HeroUI component documentation via Model Context Protocol
{ "mcpServers": { "heroui-react-mcp": { "command": "npx", "args": [ "-y", "@heroui/[email protected]" ] } }}टूल
अभी टूल सूची नहीं है। रिमोट सर्वर को पहले हेल्थ चेक के बाद सूची मिलती है।
FAQ
इस पेज पर Cursor, Claude Desktop, Claude Code या VS Code के लिए stdio कॉन्फ़िग कॉपी करें। यह पब्लिशर का इंस्टॉल इस्तेमाल करता है, PlugMCP प्रॉक्सी नहीं।
इस रिकॉर्ड में कोई ज़रूरी एनवायरनमेंट वेरिएबल दर्ज नहीं है।
@heroui/react stdio पर लोकल चलता है।
पिछली जाँच 2026-11-14 को हुई। MCP server for HeroUI component documentation via Model Context Protocol