chakra-ui

name	chakra-ui
description	Chakra UI v3 API リファレンス。 コンポーネント, レイアウト, フォーム, オーバーレイ, チャート, テーマ, レシピ, スタイルプロップ, レスポンシブ, ダークモード, ブロック (Chakra UI Pro テンプレート)
user-invocable	false

Chakra UI v3 リファレンス

Chakra UI v3 公式ドキュメントを網羅したスキル。 ユーザーのタスクに応じて適切な README.md を読み、そこから個別ファイルへ辿ること。

ディレクトリ構造

.claude/skills/chakra-ui/
├── SKILL.md                              ← このファイル（エントリーポイント）
└── references/
    ├── get-started/README.md            ← 入門・セットアップ（17ページ）
    ├── components/README.md             ← 全コンポーネント（117ページ）
    ├── charts/README.md                 ← チャート（14ページ）
    ├── styling/README.md                ← スタイリング（29ページ）
    ├── theming/README.md               ← テーマ設定（29ページ）
    └── blocks/README.md                ← ブロックテンプレート（49カテゴリ, 要 CHAKRA_PRO_API_KEY）

探索手順

1. ユーザーのタスクに最も関連するカテゴリを特定する
2. そのカテゴリの README.md を読む
3. README.md 内の一覧から必要な個別ファイルを選んで読む
4. 必要に応じて関連ページのリンクを辿る

カテゴリ → README.md マッピング

タスク例	カテゴリ	README パス
インストール、フレームワーク統合、環境設定	get-started	references/get-started/README.md
コンポーネントの使い方、Props、バリアント	components	references/components/README.md
チャートの表示、useChart、データ可視化	charts	references/charts/README.md
スタイルプロップ、レスポンシブ、ダークモード、CSS 変数	styling	references/styling/README.md
トークン、レシピ、カスタマイズ、デザイントークン	theming	references/theming/README.md
ブロックテンプレート（UI パーツ、ページセクション）	blocks	references/blocks/README.md

blocks カテゴリの注意: CHAKRA_PRO_API_KEY 環境変数が未設定の場合、blocks は利用できません。その場合はこのカテゴリを無視してください。