Restyle 用于把克隆下来的网站变成用户自己的站点：换上用户品牌、文案与 Logo，底层克隆结构保持不变。它之所以可行，是因为克隆流程把内容集中在 src/data/*.ts、品牌变量集中在 globals.css，只替换这两层即可。
使用流程：先读取仓库根目录的 BRAND.md，若缺失或 TODO 未填，向用户询问缺失信息（每次最多 3 个问题）；不要在对话中索要密钥，敏感信息应放 env 文件。用户如有 Logo、产品截图等素材，让其放入 public/brand/ 并告知文件名。
随后截取“改版前”回归基准：
npm run dev # background node scripts/extract/screenshot.mjs http://localhost:3000 --name before-restyle
再按顺序替换品牌层：一、颜色，在 src/app/globals.css 的 :root / .dark 中替换调色板，保留原 token 名称以免改动组件，并维持相对对比度；二、字体，在 src/app/layout.tsx 中替换 next/font 字体族，只换字体族、保留原有字号字重结构；三、Logo 与图标，替换 src/components/icons.tsx 中的 LogoIcon 或 Logo 图片资源，保持渲染尺寸不变以免头部布局位移；四、favicon 与 SEO，重新生成 public/seo/，并按 BRAND.md 定位更新 layout.tsx 的 title、description、OG 标签；五、文案，重写 src/data/*.ts 中所有字符串，保持结构与近似长度（±20%，过长会破坏克隆布局），占位内容需标注为占位，除非 BRAND.md 提供真实内容；六、图片，若提供 public/brand/ 素材则替换原站产品图，否则保留并在报告中列为“needs replacement”。
验证：运行 npm run build 必须通过，再截图：
node scripts/extract/screenshot.mjs http://localhost:3000 --name after-restyle
在 3 个视口对比前后，布局应一致、只有品牌层变化；文字溢出时缩短文案，不要改动布局；检查所有页面路由而非只查 /。最后报告替换内容、仍需替换的图片、被迫伸缩的文案以及 BRAND.md 中仍为 TODO 的项。
限制：本技能仅覆盖品牌层替换，不负责克隆流程本身；素材与真实品牌信息需用户提供，敏感信息不得写入 BRAND.md；其余细节资料未提供。