SuperAPI AI 工具集

plan-uiux-unification

设计与创作

查看项目

更新于 10-15 23:45

技能介绍

用途:对已有代码库做深度、非破坏性的 UI/UX 与设计系统审计,找出布局、字体、令牌、组件、可访问性等不一致,输出统一化燃尽表与分阶段路线图。本技能只做规划,不修改界面,直到用户批准某一阶段。适用对象为资深前端/移动架构师与设计系统工程师。

主要能力:先做信息架构(IA)与上下文梳理,再读取真实文件(tailwind 配置、globals.css、tokens、theme、components/ui 等)确认设计系统现状;枚举所有路由、弹窗、抽屉、提示、空/加载/错误状态、认证与引导页、响应式与暗色模式;按 IA、令牌、字体、布局间距、内容语气、组件重复、交互状态、WCAG 2.2 可访问性等分类记录违规;用 grep 统计硬编码颜色、内联样式、任意值类数量;产出含严重度 P0–P3、工作量、风险、规范修法与文件路径的燃尽表,并给出统一与增强计划、令牌迁移策略、护栏建议(lint、禁用裸十六进制、视觉回归、PR 清单)、分阶段路线图与内容语气指南。

使用方式:按阶段流程执行——0 上下文与 IA、1 设计系统基准、2 全面清点、3 逐界面审计、4 燃尽表、5 统一与增强计划、6 当前年份最佳实践调研(用 Firecrawl 等检索并引用来源)。可选使用 Playwright 截图作为证据(仅证据,不做修复)。产出为单个 markdown 文档,结束时在对话中简述最高影响的前两三项违规与首个待批准阶段。

限制:严格只做规划,不编辑界面或提交 PR;遵循保存契约,不移除功能、路由、状态、属性或处理器,不伪造数据、文案或 API 字段,所有代码库结论须引用实际读到的文件路径;无法访问的界面或缺失的令牌来源须明确说明而非猜测;IA 先于布局,层级优先于像素;仅增强而非替换现有设计系统;存在未验证内容时以 [NEEDS REAL CONTENT] 标注,不得编造示例。