---
title: Agent Skills
description: Enable AI assistants to build mobile UIs with HeroUI Native components
---

HeroUI Native Skills give your AI assistant comprehensive knowledge of HeroUI Native components, patterns, and best practices for React Native development.

<DocsImage
  src="https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/agent-skills-native.jpg"
  darkSrc="https://heroui-assets.nyc3.cdn.digitaloceanspaces.com/docs/agent-skills-native-dark.jpg"
  alt="HeroUI Native Agent Skills"
/>

### Installation

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

Or using the skills package:

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

<span className="text-sm text-muted">
Support Claude Code, Cursor, OpenCode and more.
</span>

### Usage

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

Simply ask your AI assistant to:
- Build mobile components using HeroUI Native
- Create screens with HeroUI Native components
- Customize themes and styles
- Access component documentation

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

### What's Included

- HeroUI Native installation guide
- All HeroUI Native components with props, examples, and usage patterns
- Theming and styling guidelines with Uniwind
- Design principles and composition patterns

### Structure

```
skills/heroui-native/
├── SKILL.md              # Main skill documentation
├── LICENSE.txt           # Apache License 2.0
└── scripts/              # Utility scripts
    ├── list_components.mjs
    ├── get_component_docs.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
