用途：当用户明确要求对现有网站或应用做视觉重设计时，在保持其当前技术栈、品牌规则、无障碍约束和可用产品行为的前提下，审计并改进界面设计。不适用时不要主动套用。
主要能力与流程：
- 扫描：阅读代码库，识别框架、样式方案（Tailwind、原生 CSS、styled-components 等）与现有设计模式。
- 诊断：对照需求检查渲染界面，用证据报告可用性、层级、一致性或无障碍问题；熟悉的字体、布局或组件本身不算缺陷。
- 修复：在现有技术栈内做针对性升级，不从头重写。
审计覆盖范围包括：排版（字体与需求匹配、标题层级、正文宽度约 65 字符、字重层级、表格数字用 tabular-nums、孤行用 text-wrap 处理）；色彩与表面（明暗对比、强调色语义角色、中性色一致性、渐变、阴影光源方向统一）；布局（对齐、分组、100svh/100dvh、CSS Grid 替代复杂 flex 百分比、max-width 容器约 1200–1440px、卡片按钮底部对齐、功能列表同一起点、光学对齐）；交互与状态（悬停反馈、按下状态、可见焦点环、加载反馈、空状态、错误状态、激活导航、锚点导航）；内容（示例数据、不编造指标或联系方式、避免 AI 套话、直接清晰的错误文案、出版日期真实）；组件模式（卡片分组、操作优先级、徽章、FAQ、评价、价格表、弹窗、头像、主题控制、页脚）；图标（一致性、规范描边、favicon）；代码质量（语义 HTML、去除内联样式与硬编码像素、alt 文本、z-index 层级、meta 标签）。另含常被忽略项：法律链接、返回导航、自定义 404、表单校验、跳转到内容链接、Cookie 同意。
修复优先级：排版适配 → 色彩清理 → 悬停与激活状态 → 布局与间距 → 组件适配 → 加载/空/错误状态 → 排版与间距精修。
规则与限制：只使用现有技术栈，不迁移框架或样式库；保留现有功能，编辑后运行针对性检查并查看渲染结果；引入新库前先查依赖文件；仅在证据支持时改字体。未提供的具体平台、收费与效果信息暂未说明。可选的进阶技法（动效、视差、玻璃拟态等）仅在需求与实际问题都支持时使用，并须遵守 prefers-reduced-motion。