Agent SkillsPreview
Enable AI assistants to build UIs with HeroUI v3 components
HeroUI Skills give your AI assistant comprehensive knowledge of HeroUI v3 components, patterns, and best practices.
Installation
curl -fsSL https://v3.heroui.com/install | bashSupport Claude Code, Cursor, OpenCode and more.
Usage
/heroui check installation
/heroui list all components
/heroui create a login page
/heroui create a custom button on /src/components/button.tsx
/heroui get source code for button componentFor more complex use cases, use the MCP Server which provides real-time access to component documentation and source code. Skills are still being adjusted and tested.
What's Included
- HeroUI v3 installation guide
- All HeroUI v3 components with props, examples, and usage patterns
- Theming and styling guidelines
- Design principles and composition patterns
- Accessibility best practices (WCAG 2.1 AA)
Structure
skills/react/
├── SKILL.md # Main skill documentation
├── LICENSE.txt # MIT license
├── scripts/ # Utility scripts
│ ├── list_components.mjs
│ ├── get_component_docs.mjs
│ ├── get_source.mjs
│ ├── get_styles.mjs
│ ├── get_theme.mjs
│ └── get_docs.mjs
└── references/ # Reference guides
├── accessibility-guide.md
├── component-patterns.md
└── theming-customization.mdRelated Documentation
- Agent Skills Specification - Learn about the Agent Skills format
- Claude Agent Skills - Claude's Skills documentation
- Cursor Skills - Using Skills in Cursor
- OpenCode Skills - Using Skills in OpenCode