HeroUI Native Skills 为 AI 助手提供组件、模式与 React Native 最佳实践等系统化知识。

安装

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

或使用 skills 包：

npx skills add heroui-inc/heroui

支持 Claude Code、Cursor、OpenCode 等。

安装范围

默认情况下，安装脚本会把 skill 安装到用户主目录，因此在所有项目中都可用。如果只想安装到当前项目，请在项目根目录下运行安装脚本并加上 HEROUI_SKILL_SCOPE=project —— 当只有部分项目使用 HeroUI Native 时，这样可以避免让 skill 出现在每个项目的 agent 上下文中。

curl -fsSL https://heroui.com/install | HEROUI_SKILL_SCOPE=project bash -s heroui-native

每个被检测到的工具都会使用它自己读取的项目目录：Claude Code 使用 .claude/skills/，Cursor 使用 .cursor/skills/，OpenCode 使用 .opencode/skills/，Codex 和 Antigravity 使用 .agents/skills/。

用法

Skills 会被 AI 自动发现，也可通过 /heroui-native 显式调用。

你可以让助手：

使用 HeroUI Native 搭建移动组件
用 HeroUI Native 创建页面
定制主题与样式
查阅组件文档

更复杂的场景可配合 MCP 服务器，以实时访问组件文档与源码。

包含内容

HeroUI Native 安装指南
全部组件的 props、示例与用法模式
基于 Uniwind 的主题与样式指南
设计原则与组合模式

目录结构

skills/heroui-native/
├── SKILL.md              # 主说明
├── LICENSE.txt           # Apache License 2.0
└── scripts/              # 工具脚本
    ├── list_components.mjs
    ├── get_component_docs.mjs
    ├── get_theme.mjs
    └── get_docs.mjs

Agent Skills

安装

安装范围

用法

包含内容

目录结构

相关文档

本页目录