用途：该技能面向 React/Next.js 前端开发，覆盖项目脚手架、组件生成、打包体积分析、React 模式、Next.js 优化以及无障碍与测试等场景。
主要能力：
- 项目脚手架：用 python scripts/frontend_scaffolder.py my-app --template nextjs 生成 Next.js 14+（App Router、Server Components）项目，或用 --template react 生成 React + Vite + TypeScript 项目；可通过 --features auth,api 添加 NextAuth.js、React Query + API 客户端、React Hook Form + Zod、Vitest + Testing Library 等可选功能，--dry-run 可预览文件。生成后执行 cd my-app && npm install 与 npm run dev。
- 组件生成：用 python scripts/component_generator.py Button --dir src/components/ui 生成客户端组件，--type server 生成异步服务端组件，--type hook 生成自定义 Hook，--with-test、--with-story 附带测试与 Storybook 故事，--flat、--dry-run 控制输出。
- 打包分析：用 python scripts/bundle_analyzer.py /path/to/project 分析 package.json 与项目结构，输出健康评分与重依赖提示（如 moment 建议替换为 date-fns 或 dayjs，lodash 建议改用可 tree-shaking 的 lodash-es）。
适用场景：新建 React/Next.js 项目、批量生成组件与 Hook、审查与优化包体积、实现 Compound Components 或 Render Props 等高级模式、保障无障碍合规与测试策略。
限制：资料未提供具体版本兼容范围、脚本运行环境依赖、收费与授权信息，也未给出完整优化步骤与效果数据，实际使用前需自行验证。