# Agent Skills · HeroUI

> Enable AI assistants to build UIs with HeroUI v3 components

- Page: https://jiguang132.com/systems/heroui/docs/getting-started/agent-skills
- Based on: HeroUI documentation (Apache-2.0) @ 60edd8ed751b1d2a270623fbb182bbcfa8baa9af

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


### Installation

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

Or using the skills package:

```bash
npx skills add heroui-inc/heroui
```


Support Claude Code, Cursor, OpenCode and more.


### 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


> 
  For more complex use cases, use the [MCP Server](/systems/heroui/docs/getting-started/mcp-server) which provides real-time access to component documentation and source code.


### 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           # Apache License 2.0
└── 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](https://agentskills.io/home) - Learn about the Agent Skills format
- [Claude Agent Skills](https://platform.claude.com/docs/en/agents-and-tools/agent-skills/overview) - Claude's Skills documentation
- [Cursor Skills](https://cursor.com/docs/context/skills) - Using Skills in Cursor
- [OpenCode Skills](https://opencode.ai/docs/skills) - Using Skills in OpenCode

---

Index of all JGuang resources: https://jiguang132.com/llms.txt