用途
该技能面向已有网站或应用的改造升级，目标是把项目提升至 premium（高端）品质。它强调在现有代码库基础上做增量改进，而不是从零重写或迁移框架。
核心工作流程
技能定义了三步序列：
- Scan（扫描）：读取代码库，识别框架、样式方式（Tailwind、原生 CSS、styled-components 等）以及当前设计模式。
- Diagnose（诊断）：按审计清单逐项检查，列出发现的每一个通用模式、薄弱点和缺失状态。
- Fix（修复）：使用现有技术栈做针对性升级，不重写，只改进已有内容。
主要能力（设计审计清单）
审计清单覆盖以下维度：
- Typography（排版）：检查浏览器默认字体或到处使用 Inter、标题缺乏存在感、正文行宽过宽、字重只用 400/700、数字使用比例字体、缺少字距调整、全大写小标题、孤字等问题，并给出替换字体建议（Geist、Outfit、Cabinet Grotesk、Satoshi）、正文约 65 字符宽度限制、引入 Medium/SemiBold、使用 tabular-nums 等具体做法。
- Color and Surfaces（颜色与表面）：检查纯黑背景、过饱和强调色、多个强调色、冷暖灰混用、紫蓝 AI 渐变、通用 box-shadow、零质感平面设计、均匀渐变、光线方向不一致、明暗模式随机区块、空平无深度区块等，并建议使用 off-black、单一强调色、统一灰色色谱、着色阴影、噪点/颗粒、径向或网格渐变、背景图像等。
- Layout（布局）：检查全部居中对称、三等分卡片三列、height: 100vh、复杂 flexbox 百分比、缺少 max-width 容器、等高卡片、统一圆角、缺少重叠与深度、对称内边距、仪表盘固定左侧栏、移动端侧栏塌陷处理、留白不足、按钮未底部对齐、特性列表起始位置不一、垂直节奏不一致、数学对齐但视觉不齐等问题。
- Interactivity and States（交互与状态）：检查缺少 hover 状态、缺少按压反馈、过渡为零、缺少 focus ring、缺少加载状态、缺少空状态、缺少错误状态、死链、导航未标识当前页、仅图标导航、滚动跳转、使用 top/left/width/height 的动画等。
- Content（内容）：检查通用人名、虚假整数数据、占位公司名、AI 文案陈词滥调（如 Elevate、Seamless、Unleash 等）、成功消息含感叹号、"Oops!" 错误提示、被动语态、博客日期全相同、多用户同头像、Lorem Ipsum、每个标题 Title Case 等。
- Component Patterns（组件模式）：检查通用卡片样式、固定一实一虚按钮、胶囊形 New/Beta 徽章、手风琴 FAQ、三卡轮播评价、三塔定价表、处处弹窗、纯圆形头像、日/月切换器、四列页脚链接农场等。
- Iconography（图标）：检查只用 Lucide 或 Feather、火箭/盾牌陈词图标、描边宽度不一致、缺少 favicon、通用库存团队照片等。
- Code Quality（代码质量）：检查 div soup、折叠导航的可访问性处理、内联样式混用、硬编码像素宽度、图片缺少 alt、任意 z-index、注释掉的死代码、导入幻觉、缺少 meta 标签等。
战略性遗漏项
技能还列出 AI 通常忘记的内容：法律链接、返回导航、自定义 404 页面、表单验证、"skip to content" 链接、Cookie 同意等。
升级技巧
提供四类高影响技巧：排版升级（可变字体动画、描边转填充、文字遮罩揭示）、布局升级（破格网格/不对称、最大化留白、视差卡片堆叠、分屏滚动）、动效升级（带惯性的平滑滚动、交错入场、弹簧物理、滚动驱动揭示）、表面升级（真正的玻璃拟态、聚光边框、颗粒与噪点叠层、着色阴影）。
修复优先级
技能规定按以下顺序应用改动以获得最大视觉收益与最小风险：字体替换 → 配色清理 → hover 与 active 状态 → 布局与间距 → 替换通用组件 → 添加加载/空/错误状态 → 打磨排版比例与间距。
使用规则与限制
- 必须使用现有技术栈，不得迁移框架或样式库。
- 不得破坏现有功能，每次改动后都要测试。
- 导入任何新库前先检查项目的依赖文件。
- 若项目使用 Tailwind，修改配置前先确认版本（v3 与 v4）。
- 若项目没有框架，使用原生 CSS。
- 保持改动可审查、聚焦，倾向于小而精准的改进而非大重写。
暂未提供
该技能的适用平台、调用方式、安装命令、是否收费、具体版本要求等信息，资料中暂未提供。