redesign

背景： 此子技能是更广泛的 ui-craft 技能的一个视角。如果也安装了 ui-craft 技能，请先阅读其 SKILL.md，了解 Discovery、Anti-Slop 和 Craft Test，然后再应用以下特定视角。

重新设计 $ARGUMENTS。加载 ui-craft 技能并阅读 references/craft-intent.md。重新设计不是披着旧内容外衣的全新构建——它的大部分价值在于你有意保留了什么。

步骤 1 — 审查现有内容（先审查，再发表意见）：

• 对当前源代码（npx ui-craft-detect <path>）或在线页面（npx ui-craft-detect <url>）运行检测器，并记录发现的问题。
• 清点：页面/路由、版块顺序、标题层级（h1–h3）、导航结构、转化路径（CTA 及其目标位置）、表单、图片资源、字体、实际使用的颜色值。
• 如果存在 .ui-craft/brief.md，请阅读——之前的约束仍然有效。

步骤 2 — 判断要保留什么。除非用户明确要求，否则不得更改：

• 品牌资产——Logo、名称、企业在实际使用中已经确立的配色。已确定的品牌色必须保留；可以重新调整色调/明暗，形成完善的 Token 色阶。
• 信息架构 + SEO——URL/路由、页面集合、标题语义、title/meta、替代文本、结构化数据。无论外观如何，导致自然流量骤降的重新设计都是失败的。
• 内容 + 语气——现有文案是关于企业的信息。可以自由调整结构；未经许可，不得改写语气。
• 转化路径——当前存在的每个 CTA 和表单都有其存在的理由。可以调整位置和样式，但绝不能悄然删除。

步骤 3 — 选定范围并明确说明：

范围	更改内容	适用情况
焕新	仅调整 Token：字体比例、间距节奏、圆角、阴影、颜色微调	网站结构合理，但外观过时
换肤	视觉层 + 组件样式；保留布局骨架和版块顺序	基础结构良好，但视觉风格普通或陈旧
重建	同时调整布局和构图；保留内容、信息架构和品牌	布局本身存在问题

默认选择能解决所述问题的最小范围。若选择重建，请先输出简短的改造前后版块映射，并获得认可后再编写代码。

步骤 4 — 声明 Craft Read（界面类型、受众、主题、DESIGN_VARIANCE、标志性设计取舍），具体参见 references/craft-intent.md。重新设计默认将变化度设为 4–5：品牌已经确定，因此应将大胆之处体现在字体和构图上，而不是另创新品牌形象。

步骤 5 — 按以下顺序通过这些杠杆实现现代化： 字体（比例 + 搭配，参见 references/typography.md）→ 间距节奏 → 颜色 Token（references/color.md）→ 图片处理 → 动效（仅在焦点位置使用入场/悬停效果）。同时修复步骤 1 中检测器发现的所有问题。

切勿： 在已确定的品牌配色上另创一套新配色；删除路由或页面；为了美观而弱化标题语义；未经请求改写文案语气；或交付检测器问题比原版更多的重新设计。

输出： 直接修改代码（焕新/换肤），或先输出版块映射（重建）。打印 Review Format 表格、检测器前后问题数量，并以 Craft Read 行结尾。

下一步： /critique — 在发布前，根据层级和反杂乱原则检查现代化后的界面（第 1 阶段）。