Communitygithub.com

heroui-inc/heroui-native

用于 React Native 的 HeroUI Native 组件库(通过 Uniwind 支持 Tailwind v4)。在构建移动端 UI 时使用——创建按钮、卡片、文本框、对话框;安装 heroui-native;配置深色/浅色主题;或获取组件文档。

heroui-native 是什么?

这是一个为 React Native 开发者设计的 HeroUI Native 组件库技能,它通过 Uniwind 集成了 Tailwind v4 样式系统。该技能专为构建移动端用户界面而优化,提供了一系列核心 UI 组件,如 Button、Card、TextField 和 Dialog,并支持深色/浅色主题的动态切换。开发人员可以使用此技能快速安装 heroui-native 库、查询组件文档,并在 Claude Code、Cursor 或 Codex 等 AI 代理环境中高效地生成移动端界面代码。其工作原理基于 SKILL.md 文档中定义的指令,能够自动解析用户请求,执行 npm 或 yarn 命令安装依赖,并根据 Tailwind 类名和组件属性生成 React Native 代码。此技能特别适合需要快速原型设计或维护跨平台 React Native 应用的团队,能够将 AI 代理的编码能力与 HeroUI 的设计系统无缝结合,提升开发效率。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/heroui-inc/heroui/tree/main/skills/heroui-native

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

heroui-native 是做什么的?

用于 React Native 的 HeroUI Native 组件库(通过 Uniwind 支持 Tailwind v4)。在构建移动端 UI 时使用——创建按钮、卡片、文本框、对话框;安装 heroui-native;配置深色/浅色主题;或获取组件文档。关键词:HeroUI Native, heroui-native, React Native UI, Uniwind, 移动组件。

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

相关技能