用途
Chakra UI v3 参考技能，用于在开发过程中快速查阅 Chakra UI v3（React 组件库）的官方文档内容。该技能把官方文档按主题整理成目录结构，便于按任务定位到具体页面。
主要能力
技能内容按以下类别组织：
- get-started：安装、框架集成（Next.js App/Pages、Remix、Vite、TanStack Router、Storybook）、AI 相关（LLMs.txt、MCP Server、AI Skills）、环境设置（iframe、Shadow DOM）、CLI、迁移、更新日志、Figma、Playground 等。
- components：组件用法、Props、变体、布局、排版、按钮、日期时间、表单、集合、覆盖层、展开收起、反馈、数据展示、国际化、工具类等。
- charts：图表安装与各类图表，包括面积图、柱状图、条形列表、条形分段、坐标轴、笛卡尔网格、环形图、图例、折线图、饼图、雷达图、散点图、迷你图、提示框以及 useChart。
- styling：样式概念、组合、样式属性、响应式设计、暗色模式、CSS 变量、Chakra Factory。
- theming：主题概念、设计令牌、组合、自定义、defineConfig、配方与插槽配方。
- blocks：UI 区块模板，如应用头部、导航栏、认证、横幅、博客、卡片、图表、联系、CTA、分隔线、文档相关区块、FAQ、功能、信息流、页脚、帮助中心、Hero、布局、Logo、营销头部与导航、通知、引导、组织切换、定价、产品分类、产品网格、产品评价、个人资料、属性面板、设置、分享、购物车、侧边栏、统计、商店注册优惠、团队、用户评价、Webhooks 等（需 CHAKRA_PRO_API_KEY）。
- samples：典型用法示例，包括 Provider 设置、暗色模式、响应式样式、主题自定义、组件配方、Chakra Factory、表单字段输入、对话框、Toast、表格。
- scripts：安装与 CLI 命令、代码生成、迁移、测试、MCP。
使用方式
探索步骤为：
- 根据任务在映射表中找到对应类别。
- 阅读该类别下的 references/{category}/README.md，定位目标页面。
- 读取对应页面的 .md 文件获取详细内容。
任务到类别的映射：
- 安装、框架集成（Next.js/Remix/Vite/TanStack Router）、AI 连携（LLMs.txt/MCP Server/AI Skills）、环境设置、CLI、迁移 → get-started，参考 references/get-started/README.md。
- 组件用法、Props、变体、布局、表单、覆盖层 → components，参考 references/components/README.md。
- 图表显示、BarChart/LineChart/PieChart、useChart、数据可视化 → charts，参考 references/charts/README.md。
- 样式属性、响应式设计、暗色模式、CSS 变量、Chakra Factory → styling，参考 references/styling/README.md。
- 设计令牌、配方、插槽配方、自定义、defineConfig → theming，参考 references/theming/README.md。
- UI 区块模板（Hero、导航栏、页脚等，需 CHAKRA_PRO_API_KEY）→ blocks，参考 references/blocks/README.md。
- 典型用法（Provider 设置、暗色模式、表单、对话框等）→ samples，参考 samples/README.md。
- 安装与 CLI 命令、代码生成、迁移、测试、MCP → scripts，参考 scripts/README.md。
适用场景
适用于使用 Chakra UI v3 进行 React 前端开发时查阅组件 API、样式与主题定制方式、图表用法、框架集成步骤，以及需要参考 UI 区块模板的场景。
限制
blocks 类别中的 UI 区块模板需要 CHAKRA_PRO_API_KEY。其余功能与内容的具体限制暂未提供。