# Agent Skills **Category**: react **URL**: https://www.heroui.com/docs/react/getting-started/agent-skills **Source**: https://raw.githubusercontent.com/heroui-inc/heroui/refs/heads/v3/apps/docs/content/docs/react/getting-started/(ui-for-agents)/agent-skills.mdx > 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 ```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](/docs/react/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