Agent Skills

HeroUI Skills give your AI assistant comprehensive knowledge of HeroUI v3 components, patterns, and best practices.

Installation

curl -fsSL https://v3.heroui.com/install | bash -s heroui-react

Or using the skills package:

npx skills add heroui-inc/heroui

Usage

Skills are automatically discovered by your AI assistant, or call it directly using /heroui-react command.

Simply ask your AI assistant to:

• Build components using HeroUI v3
• Create pages with HeroUI components
• Customize themes and styles
• Access component documentation

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

Structure

skills/heroui-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

Related 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