SuperAPI AI 工具集

senior-frontend

前端与建站

查看项目

更新于 10-15 16:48

技能介绍

用途:面向 React/Next.js 应用的前端开发技能,覆盖开发模式、性能优化与自动化工具。

主要能力:

  1. 项目脚手架:python scripts/frontend_scaffolder.py my-app --template nextjs,支持 --template nextjs(Next.js 14+ App Router 与 Server Components)或 --template react(React + Vite + TypeScript),可选 --features auth,api,forms,testing 及 --dry-run。
  2. 组件生成:python scripts/component_generator.py Button --dir src/components/ui,支持 --type client/server/hook、--with-test、--with-story、--flat、--dry-run。
  3. 打包分析:python scripts/bundle_analyzer.py /path/to/project,输出健康分与重依赖替代建议,--verbose 检查导入模式。
  4. 决策引擎:python scripts/frontend_decision_engine.py --primary-device mobile-4g --lcp-target-ms 2000 --seo-dependent true --auth-walled false --team-size 5,需四项假设输入,返回匹配档案、取舍、技术选型与 CI 门槛。
  5. 内置 next-app-router、remix-or-sveltekit、vite-spa、astro-or-static 四个配置档案,可复制 JSON 自定义。
  6. 参考文档涵盖 React 模式、Next.js 优化、最佳实践、强制提问库与组合映射。

使用方式:先运行脚手架或生成器创建项目与组件,再用分析器与决策引擎评估;可从其他智能体通过 /cs:frontend-review 或 Agent({subagent_type: "cs-frontend-engineer"}) 调用。

适用场景:React/Next.js 组件开发、性能与打包优化、可访问性与测试实践。

限制:具体收费、平台支持与效果数据暂未提供;部分能力依赖 Python 脚本与 Node 环境。