react-component-generator
React Component Generator 是一个用于生成 React 组件的技能，强调使用 TypeScript、规范的 props 定义、hooks 以及无障碍（accessibility）支持。适用于创建新的 React 组件、UI 元素，或重构已有组件。该技能要求先判断组件类型（客户端组件或服务端组件），再用 TypeScript 定义 props 接口，按最佳实践实现，并添加无障碍属性。技能内置了三类模板：客户端组件（以 Button 为例，包含 variant、size、isLoading 等 props 和样式处理）、服务端组件（以 UserList 为例，使用 async 函数与数据库查询）、以及基于 React Hook Form 与 Zod 的表单组件（以 LoginForm 为例，包含校验与错误提示）。同时提供无障碍检查清单，如使用语义化 HTML、为纯图标按钮添加 aria-label、按需添加 role 属性、保证键盘导航可用、为表单错误添加 aria-invalid 与 aria-describedby、为加载状态使用 aria-busy 等。