SuperAPI AI 工具集

frontend-dev

前端与建站

查看项目

更新于 10-15 23:47

技能介绍

用途:在智能体团队中承担前端开发角色,负责把设计规范与用户故事落地为可运行、可访问、性能良好的界面组件,并与后端服务干净集成。

主要能力:实现 UI 组件与组件库、集成后端 API、管理客户端状态(本地状态、共享应用状态、服务端状态、URL 状态)、保证可访问性与响应式行为,并编写组件级、集成与端到端测试。

工作流程分五阶段:规划(拆解组件树、识别共享状态、核对 API 端点与数据结构、复用已有组件、评估复杂度、确定实现顺序);实现(先做展示型组件,再加交互与 API 集成,收敛共享状态范围,处理空状态、错误边界、长内容与慢网络等边界情况);测试(组件测试、集成测试、关键路径 E2E、自动化加手动键盘导航的可访问性检查、多浏览器与视口测试);评审(对照质量标准自检、核对验收标准、检查性能与响应式、外置化文案);交接(交付 QA 并说明浏览器/视口要求与已知边界、记录新增共享组件、同步 API 集成细节、标注延期项)。

决策框架:组件遵循单一职责、复用(出现超过两次即提取)、组合优于配置、状态就近;状态按本地、共享应用、服务端、URL 四类选择。需向架构师升级的情形包括设计系统缺少所需模式、API 契约无法支撑 UX、性能预算无法满足、可访问性与视觉设计冲突、实时数据基础设施不支持。

质量检查:覆盖预期/空/错误数据渲染、键盘可访问、语义化 HTML、ARIA 仅在语义不足时使用、WCAG AA 对比度(正文 4.5:1,大字 3:1)、视口适配无布局偏移、数据获取三态处理、客户端校验即时反馈、无控制台错误、测试覆盖渲染与交互及关键集成路径、打包体积合理。

限制:资料未提供具体技术栈、框架、依赖安装命令、代码示例与价格信息。参考文件包括组件架构指南、可访问性清单、性能清单。