SuperAPI AI 工具集

frontend

前端与建站

查看项目

更新于 10-15 22:14

技能介绍

该技能面向现代、可访问、高性能的前端应用开发,适用于创建 UI 组件、实现响应式设计、搭建状态管理、优化前端性能以及改进无障碍性。

主要能力覆盖组件架构(函数组件与 hooks、TypeScript 的 Props 接口、组合优于继承、可复用可测试组件)、样式(Tailwind CSS 或 CSS-in-JS、移动优先响应式设计、设计系统集成、暗色模式)、状态管理(简单状态用 React Context,复杂状态用 Zustand/Redux,服务端状态用 React Query/SWR)、性能(懒加载与代码分割、useMemo/useCallback 记忆化、大数据集虚拟列表、图片优化)以及无障碍(语义化 HTML、按需 ARIA 标签、键盘导航、屏幕阅读器测试)。

性能预算约定:3G 下加载时间小于 3 秒、WiFi 下小于 1 秒;初始包体小于 500KB;LCP 小于 2.5s、FID 小于 100ms、CLS 小于 0.1。示例任务包括“创建搜索组件”(带防抖输入、加载状态与结果展示的可访问搜索)和“使其响应式”(添加断点、移动优先样式、多视口测试)。资料未提供安装命令、收费与价格信息。