SuperAPI AI 工具集

frontend-dev

前端与建站

查看项目

更新于 10-15 23:33

技能介绍

用途:这是一个通用前端开发工作流技能,用于构建、重构或扩展前端应用,覆盖组件化、状态管理、测试和部署,本身不绑定具体技术栈,而是编排 react、typescript、a11y 等专项技能,避免重复模式。

主要能力:强调组件单一职责与拆分(组件超过100行或职责过多时分解,小于30行且单一职责时停止);状态就近放置,仅在被多个组件共享时才提升为全局,服务端数据建议用 React Query/SWR 而非 Redux,派生状态在渲染时计算;测试以用户行为为中心,优先使用 getByRole、getByLabelText 等可访问查询;配置使用环境变量,敏感密钥不得出现在前端代码中;还涉及组件层级设计、数据获取策略(SSG/SSR/CSR)、性能优化(先测量再优化)等。

使用方式:作为工作流中的一环,配合 brainstorming、writing-plans、plan-execution、verification-protocol、code-review 等步骤使用;具体实现委托给 react、typescript、next、vite 等技能。

适用场景:新功能开发、状态与数据流管理、部署与 CI/CD 准备、代码质量审查。

限制:不用于技术栈专属代码(改用 react、typescript 技能),也不用于后端开发(改用 backend-dev 技能)。资料未提供安装命令、收费方式与具体平台信息。