用途
Redesign Skill 用于把已有的网站或应用升级到更高品质的视觉与交互水准。它的核心思路不是重写，而是在项目现有技术栈上做有针对性的改进：先扫描代码库，识别所用框架、样式方案（Tailwind、原生 CSS、styled-components 等）与当前设计模式；再按内置审计清单逐项诊断，列出所有通用 AI 设计痕迹、薄弱点和缺失状态；最后应用定向升级。
主要能力
审计覆盖多个维度：
- 排版：替换浏览器默认字体或到处使用的 Inter，改用有个性的字体（如 Geist、Outfit、Cabinet Grotesk、Satoshi）；增强标题存在感；限制正文宽度约 65 字符；引入 Medium/SemiBold 字重；数据界面使用等宽字体或 tabular-nums；调整字距；避免全大写小标题；用 text-wrap 处理孤字。
- 色彩与表面：避免纯黑背景、过饱和强调色、多个强调色、冷暖灰混用、紫蓝“AI 渐变”、通用阴影、零质感平面、均匀渐变、光照方向不一致、亮色页面中突兀的暗色区块、无视觉深度的空区块。
- 布局：打破完全居中对称、三列等宽卡片、100vh 全屏、复杂 flex 百分比、无 max-width 容器、等高卡片、统一圆角、无重叠层次、对称内边距、仪表盘必有左侧栏、侧栏折叠后消失、留白不足、卡片按钮未底部对齐、特性列表起始位置不一、并排元素垂直节奏不一致、数学对齐但视觉不对、缺少容器约束等。
- 交互与状态：悬停、按下反馈、过渡时长、焦点环、加载骨架、空状态、错误状态、死链、当前页导航指示、仅图标导航的可访问性、平滑滚动、GPU 友好动画。
- 内容：避免 John Doe、假整数、Acme Corp、AI 文案陈词（Elevate、Seamless、Unleash 等）、感叹号、Oops、被动语态、相同日期、相同头像、Lorem Ipsum、标题全首字母大写。
- 组件模式：通用卡片外观、固定填充+幽灵按钮、胶囊徽章、手风琴 FAQ、三卡轮播评价、三塔定价表、滥用模态框、纯圆形头像、日月切换、四列页脚链接农场。
- 图标：避免只用 Lucide/Feather、陈词图标、描边宽度不一致、缺 favicon、库存“多元团队”照片。
- 代码质量：div 汤、折叠导航不可用、内联样式、硬编码像素、缺 alt、任意 z-index、注释死代码、导入幻觉、缺 meta 标签。
- 战略遗漏：法律链接、返回导航、自定义 404、表单校验、跳转内容链接、Cookie 同意。
使用方式
按顺序执行：Scan（读代码库，识别框架与样式方法）→ Diagnose（跑审计清单，列出问题）→ Fix（在现有栈上做定向升级，不重写）。修复优先级为：字体替换、配色清理、悬停与激活状态、布局与间距、替换通用组件、补充加载/空/错误状态、打磨排版与间距。
适用场景
适合已有网站或应用需要提升视觉品质、去除通用 AI 设计痕迹时使用。
限制
必须使用现有技术栈，不迁移框架或样式库；不得破坏现有功能，每次改动后需测试；导入新库前先检查依赖文件；使用 Tailwind 时先确认 v3 还是 v4；无框架时用原生 CSS；改动应保持可审查、聚焦，小步改进优于大重写。