用途：该技能用于在用户请求创建 React 组件、UI 元素（表单、按钮、卡片、列表、弹窗）或需要 Zustand 状态管理时，生成符合最佳实践的组件代码。
主要能力：提供 assets/ 目录下的模板，包括 BasicComponent.tsx（无复杂状态的展示型组件）、StatefulComponent.tsx（集成 Zustand store）、FormComponent.tsx（含校验、错误处理与提交逻辑）、ListComponent.tsx（通用列表、点击与删除、空状态）、CardComponent.tsx（可选图片、头尾区域）、ButtonComponent.tsx（多种变体与尺寸、加载与禁用状态）、ModalComponent.tsx（ESC 关闭、点击遮罩关闭、阻止滚动、可访问性）。references/best-practices.md 覆盖 TypeScript、Zustand、Tailwind、可访问性、性能与错误处理等规范。
使用方式：先判断组件类型，读取对应模板文件（如 Read assets/FormComponent.tsx），再替换占位名称并调整功能。命名规则：组件用 PascalCase（如 LoginForm），Props 接口为组件名加 Props（LoginFormProps），Zustand store 为 use 加组件名加 Store（useLoginFormStore），文件名与组件名一致（LoginForm.tsx）。
适用场景：登录/注册表单、联系人表单、待办列表、用户列表、商品目录、商品卡片、个人资料卡、仪表盘部件、确认弹窗、设置面板等。
限制：资料未提供安装命令、依赖版本、收费或平台信息；模板与规范的具体内容需以实际文件为准，本介绍不替代模板代码。