heroui-mcp
Verified Safeby heroui-inc
Overview
The HeroUI MCP Server provides a structured interface for AI assistants to access comprehensive documentation, component details, examples, and theme data for HeroUI's React and React Native design systems, facilitating AI-powered code generation and understanding.
Installation
npx -y @heroui/react-mcp@latestEnvironment Variables
- NODE_ENV
- HEROUI_API_URL
- R2_ACCOUNT_ID
- R2_ACCESS_KEY_ID
- R2_SECRET_ACCESS_KEY
- R2_BUCKET_NAME
- POSTHOG_API_KEY
- CLOUDFLARE_API_TOKEN
- CLOUDFLARE_ACCOUNT_ID
- GITHUB_TOKEN
- SERVICE_AUTH_TOKEN
- ANTHROPIC_API_KEY
- OPENAI_API_KEY
- AWS_ACCESS_KEY_ID
- AWS_SECRET_ACCESS_KEY
- AWS_REGION
- ANTHROPIC_MODEL
- OPENAI_MODEL
- BEDROCK_MODEL
Security Notes
The project follows good practices for managing secrets by requiring them via environment variables and explicitly reading them from configuration (e.g., Cloudflare R2 access keys, GitHub token). Authentication to the API endpoints is handled by a dedicated middleware using an API key and service token, which are verified against a platform API, indicating a robust authentication flow. Network requests to external services like GitHub (for documentation/source) include timeouts, enhancing resilience. No 'eval' or obvious malicious code patterns were found in the truncated source. The primary risks involve the security of the configured API keys and tokens, as well as the integrity of data fetched from external GitHub repositories.
Similar Servers
context7
Context7 MCP enhances LLM prompts by injecting up-to-date, version-specific documentation and code examples directly from source code, enabling more accurate and relevant code generation.
core
A framework for building AI-Native IDE products, providing core functionalities like editor, file management, terminal, debugging, search, and extension support, with a strong focus on AI integration and interactive UI components.
figma-console-mcp
Provides AI assistants with real-time console access, visual debugging, and design system extraction for Figma plugin development and design analysis.
mcp-design-system-extractor
Extracts UI component information and design system metadata (HTML, styles, props, dependencies, theme tokens) from Storybook instances for AI agent use.