现有项目重设计

常见问题

现有项目常面临视觉平庸的问题：默认字体如Inter泛滥，标题缺乏存在感，正文行宽过宽导致阅读疲劳；颜色使用上，纯黑背景刺眼，强调色饱和度过高，多色混用破坏一致性；排版细节如字重单一、数字字体比例失调、字母间距处理粗糙，甚至出现孤词现象。

技能核心能力与工作流程

该技能通过三步法优化现有项目：

• 扫描阶段：自动识别项目框架（如React/Vue）、样式方案（Tailwind/原生CSS）及设计模式，建立完整的设计地图。
• 诊断阶段：逐项检查排版、色彩、表面、布局等维度，列出所有通用模式、弱点和缺失的状态。
• 修复阶段：在现有技术栈内进行针对性升级，如替换字体为Geist或Cabinet Grotesk，调整颜色饱和度至80%以下，增加Medium和SemiBold字重，使用text-wrap: balance修复孤词问题，避免全盘重写。

适用边界与注意事项

该技能专注于视觉体验的渐进式优化，不涉及业务逻辑重构。适用于需要保留现有技术栈但希望提升设计质感的项目，尤其适合处理因快速迭代导致的视觉债。使用时需确保项目已具备基础设计规范，避免对无设计系统的项目直接应用。