技能:重新设计与审计
以审计为先的重新设计,保留行为。
步骤
- 阅读
workflows/redesign-audit.md(完整的扫描→诊断→定向→应用→验证序列 + 输出完整性检查)。 - 扫描代码库:框架、样式方法(→路由到匹配的
frameworks/适配器)、令牌实际情况、组件、必须保留的内容。 - 诊断:使用禁用默认值检查清单(
taste/design-taste.md)+ 评审标准(design-review技能)。生成一个按优先级排序的问题表。 - 定向:选择适合品牌的原型/系统(
apply-aesthetic技能)。 - 按顺序应用——先令牌,然后是排版/间距,接着是组件状态,最后是动效——不改变路由/数据/标记语义(无障碍修复除外)。
- 验证:重新运行
design-review+a11y-audit;对每个曾经可用的流程进行冒烟测试;对深色模式和响应式布局进行抽检。在令牌源上运行scripts/validate_contrast.py,在改动的代码上运行scripts/lint_hardcodes.py。
护栏
切勿为了美观而牺牲可用的功能。切勿发布对比度不合格的品牌色。切勿移除现有的无障碍辅助功能。交付完整的文件——不留占位符。
单一主题一致性(对多页面应用至关重要)
合并到一个共享的令牌主题,并让每个页面都使用它——如果重新设计后不同页面仍然使用不同的调色板,那就是失败的。将按页面/临时颜色替换为语义化令牌;使用 scripts/lint_hardcodes.py 验证没有页面重新引入偏离主题的值。主题切换必须来自单一的令牌源,而不是页面编辑(.claude/rules/tokens-and-color.md → 单一主题一致性)。