Communitygithub.com

heroui-inc/heroui-react

Heroui v3 React 元件庫(基於 Tailwind CSS v4 + React Aria)。用於使用 HeroUI 建立按鈕、模態框、表單、卡片等 UI 元件,安裝 @heroui/react,配置深色/淺色主題(oklch 變數),或取得元件文件。

heroui-react 是什麼?

這是一個關於 HeroUI v3 React 元件庫(heroui-inc/heroui-react)的 AI 助手技能。它專為使用 HeroUI 建立現代化 React 使用者介面的開發者設計,框架整合了 Tailwind CSS v4 和 React Aria 的強大功能。此技能的核心實用價值在於:能夠協助開發者快速建立按鈕、模態框、表單、卡片等多種常見 UI 元件,處理安裝 @heroui/react 等相依套件,配置支援 oklch 色彩空間的深色/淺色主題,並提供元件文件的查詢服務。支援的平台包括 Claude Code、Cursor、Codex 等主流 AI 編碼助手。透過讀取 SKILL.md 文件和內建的元件知識庫,技能能夠針對 HeroUI 的設計系統給出精確的程式碼範例、最佳實踐建議和樣式配置指導,從而顯著提升使用者在視覺一致性和可存取性方面的開發效率。關鍵詞:HeroUI、Hero UI、heroui、@heroui/react、@heroui/styles。

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

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

heroui-react 是做什麼的?

HeroUI v3 React 元件庫(基於 Tailwind CSS v4 + React Aria)。用於使用 HeroUI 建立 UI — 建立按鈕、模態框、表單、卡片;安裝 @heroui/react;配置使用 oklch 變數的深色/淺色主題;或取得元件文件。關鍵詞:HeroUI、Hero UI、heroui、@heroui/react、@heroui/styles。

Individual skills in this repo

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

相關技能