Tools and resources for building HeroUI Native projects with AI coding assistants
HeroUI Native provides three tools to help AI assistants build better mobile UIs with heroui-native-pro. Use them together for the best results.
Get your HEROUI_PERSONAL_TOKEN from the Pro dashboard, then:
Gives your agent live access to component docs, theme variables, and guides at runtime. Add to your editor's MCP config:
{
"mcpServers": {
"heroui-native-pro": {
"url": "https://native-mcp.heroui.pro/mcp",
"headers": {
"x-heroui-personal-token": "HEROUI_PERSONAL_TOKEN"
}
}
}
}Teaches your agent heroui-native-pro conventions, compound patterns, and React Native best practices.
curl -fsSL https://heroui.pro/docs/install | HEROUI_PERSONAL_TOKEN=your_token bash -s -- heroui-native-proHelps your agent better use the HeroUI design system and produce polished mobile UIs.
curl -fsSL https://heroui.pro/docs/install | HEROUI_PERSONAL_TOKEN=your_token bash -s -- heroui-pro-design-taste| MCP Server | Native Pro Skill | Design Taste Skill | |
|---|---|---|---|
| Purpose | Live access to docs, themes, and component APIs | Teaches component patterns and Native conventions | Teaches design system principles and visual polish |
| How it works | Remote tools your agent calls at runtime | Static instructions loaded into agent context | Static instructions loaded into agent context |
| Install | Add URL to editor MCP config | One-line curl install | One-line curl install |
| Offline | No (requires network) | Yes | Yes |
| Best for | "Look up the Button API" | "Build a screen with HeroUI Native cards" | "Make this look production-quality" |
Skills teach, MCP does. Skills give your agent knowledge of patterns and conventions. The MCP server gives it live access to component documentation and theme variables.
For best results, install all three:
heroui-native-pro conventions, compound patterns, and common mistakes without needing to look them upThe tools above cover heroui-native-pro components. For heroui-native base components, use the separate HeroUI Native OSS docs and tools. Both work side by side.