现有项目重设计

解决什么设计债

接手老项目时，最常见的问题不是代码逻辑混乱，而是前端呈现陷入“模板化”泥潭。无论是满屏的 Inter 字体、刺眼的纯黑背景（#000000），还是泛滥的紫蓝“AI 渐变”审美，这些千篇一律的细节会让产品显得毫无诚意。此外，正文行宽失控、字重单一、阴影生硬等排版与配色缺陷，也会严重破坏用户的视觉体验。

核心工作流

该技能采用“扫描-诊断-修复”的渐进式策略，拒绝推倒重来。

1. 扫描 (Scan)：深入阅读代码库，识别当前使用的框架、样式方案（如 Tailwind、原生 CSS 或 styled-components）以及现有的设计模式。
2. 诊断 (Diagnose)：执行全面的设计审计。逐一排查通用模式、视觉弱点和缺失的状态。例如，将比例字体的数字改为 tabular-nums，用 text-wrap: balance 修复孤行，或将饱和度过高的强调色降至 80% 以下。
3. 修复 (Fix)：基于现有技术栈进行针对性升级。只改进现有的代码和样式，不重写底层架构。

适用边界与注意点

该技能专为局部优化设计，而非重构。如果你的项目已经病入膏肓，需要更换整个 UI 框架，它可能不是最佳选择。同时，由于它依赖现有的样式系统，对于没有明确设计规范或完全由动态生成的无结构样式，修复效果可能会打折扣。建议在版本控制系统中运行，以便随时对比和回滚视觉变更。