用途：将已有网站或应用升级到更高质量的设计水准。适用于需要在不改框架、不破坏现有功能的前提下提升视觉与交互完成度的项目。
工作流程：扫描代码库，识别所用框架、样式方案（Tailwind、原生 CSS、styled-components 等）与现有设计模式；按内置审查清单诊断所有通用模式、薄弱点与缺失状态；在现有技术栈上做针对性修复，不从零重写。
主要审查维度：排版（字体选择、标题层级、行宽、字重、tabular-nums、字距、孤字处理）；颜色与表面（避免纯黑背景、过饱和强调色、多个强调色、冷暖灰混用、紫蓝 AI 渐变、通用投影、纯平无质感、均匀渐变、光照方向不一致、明暗模式断裂、空洞区块）；布局（打破完全对称、替换三等分卡片行、用 min-height:100dvh 替代 100vh、用 Grid 替代复杂 flex 百分比、加 max-width 容器、圆角与留白、按钮底部对齐、垂直节奏一致、光学对齐）；交互与状态（悬停、按下反馈、过渡时长、焦点环、骨架屏、空状态、错误状态、死链、当前页高亮、平滑滚动、GPU 加速动画）；内容（真实人名、自然数据、可信品牌名、避免 AI 文案陈词与感叹号、主动语态、随机化日期、真实草稿文案）；组件模式（卡片、按钮、徽章、手风琴、轮播、定价表、弹窗、头像、主题切换、页脚）；图标（避免默认图标库、统一描边、favicon）；代码质量（语义化 HTML、样式归一、相对单位、alt 文本、z-index 体系、清理死代码、真实依赖、meta 标签）。还涵盖常被忽略的合法链接、返回导航、404 页、表单校验、跳转正文链接、Cookie 同意。
升级技术：可变字体动画、描边填充过渡、文字遮罩；破格网格、留白最大化、视差卡片堆叠、分屏滚动；惯性平滑滚动、错峰入场、弹簧物理、滚动驱动揭示；玻璃拟态、聚光边框、噪点叠加、带色阴影。
修复优先级：换字体、清理配色、补悬停与激活状态、调整布局间距、替换通用组件、补加载/空/错误状态、打磨排版比例。
限制与规则：必须沿用现有技术栈，不迁移框架或样式库；不破坏现有功能，每次改动后测试；引入新库前先查依赖文件；使用 Tailwind 时需确认 v3 还是 v4；无框架则用原生 CSS；改动应小而聚焦，便于审查。