项目界面焕新

要解决的问题

AI 辅助产出的界面正变得高度趋同：紫蓝渐变、三等分卡片列、Lucide/Feather 图标、Inter 字体遍地都是。它们功能上没毛病，但缺乏辨识度，也一眼暴露了模板来源。该技能针对的正是这类“能跑但平庸”的存量项目：诊断通用模式、替换低质感细节，同时不破坏现有功能。

技能如何工作

核心流程分三步：

• 扫描 — 阅读代码库，识别框架与样式方案（Tailwind、vanilla CSS、styled-components 等）
• 诊断 — 按审计清单逐项列出通用模式、薄弱点与缺失状态
• 修复 — 在现有技术栈内做定向升级，而非推倒重写

审计覆盖六个维度：

• 排版 — 标题字重与字距、段落宽度约 65 字符、字重层级细分、用 text-wrap: balance 消除孤词
• 色彩 — 去掉纯 #000000、过饱和强调色和“AI 渐变”指纹，阴影色调跟随背景
• 布局 — 用 CSS Grid 替代 flex 百分比计算，min-height: 100dvh 修复移动端视口跳动，卡片 CTA 底部对齐
• 交互状态 — 补齐 hover/active/focus 反馈、骨架屏、空状态与内联错误提示
• 内容 — 替换 Acme Corp 式占位名、虚假整数与 AI 文案套路，打散雷同日期与头像
• 代码质量 — 语义化标签、移除内联样式、补 alt 文本、规范 z-index、清理死代码与不存在的 import

适用边界

• 只改样式与内容层，不涉及功能重写或后端变更
• 最终观感取决于项目现有素材质量，不保证符合特定品牌规范
• 深色/浅色混排等“复制粘贴事故”的修复，以项目具备重构空间为前提