Communitygithub.com

heroui-inc/heroui-react

HeroUI v3 Reactコンポーネントライブラリ(Tailwind CSS v4 + React Aria)。HeroUIを使ったUI構築時に使用——ボタン、モーダル、フォーム、カードの作成、@heroui/reactのインストール、oklch変数によるダーク/ライトテーマの設定、コンポーネントドキュメントの取得などをサポートします。キーワード: HeroUI, Hero UI, heroui, @heroui/react, @heroui/styles。

heroui-react とは?

このスキルは、HeroUI v3 Reactコンポーネントライブラリ(Tailwind CSS v4 + React Ariaベース)を扱うためのエージェント向けツールです。HeroUIは、ボタン、モーダル、フォーム、カードといった一般的なUIコンポーネントを提供し、@heroui/reactパッケージのインストール、oklchカラー変数を用いたダーク/ライトテーマの設定、そして各コンポーネントのドキュメント取得をサポートします。主にReact開発環境(Next.js、Vite、Astroなど)で利用され、Tailwind CSSの設定ファイルとの連携も容易です。このスキールを使うことで、エージェントはHeroUIのコンポーネントAPIやテーマ設定を正確に理解し、ユーザーのUI実装を効率的に支援できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/heroui-inc/heroui/tree/main/skills/heroui-react

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

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.

関連スキル