用途：Brand Setup 用于把用户自己的品牌风格注入到本技能包生成的每一段视频中。它读取目标网站真实发布的 CSS 样式表，抽取设计变量，形成一个可复用的设计系统文件，后续所有视频技能都据此渲染。
主要能力：
- 读取指定网站加载的所有样式表（含 CDN 来源），保存到 styles/ 目录；若请求被拒绝，会指出域名并停止，不猜测缺失值。
- 从 CSS 中统计并整理字体家族、字重、字距、字体特性；背景、表面、文字、强调色及渐变停靠点；圆角半径与阴影令牌；所有过渡与动画的缓动函数（按使用频次排序）和常见时长。
- 生成 [brand]-design-system.md，每个值标注出现次数，并说明付费字体及其免费回退方案；不写入 logo、图片、产品名或营销文案。
- 依据设计系统文件撰写包含 16 个“事物 → 变化”时刻的动效简报，统一使用品牌的首要缓动曲线和时长，并保持变化后状态 1.2 秒。
- 在启动模板 index.html 中设置 :root 的 --bg、--ink、--accent、--font 变量，并将 logo 以 64px 高度显示在首尾节拍的左上角。
使用方式（据资料）：
- 提供网站 URL 和自有 logo（SVG 或带透明背景的 PNG）。
- 抓取该网址并列出所有样式表，逐个下载到 styles/；也可使用开源工具 REA 保存页面实时样式表。
- 读取 styles/ 中每个文件，写出设计系统文件，逐项标注频次与付费/免费替代。
- 基于设计系统撰写指定格式的 16 时刻动效简报，每个时刻一个主对象占画面 60-70%、一个变化，仅用文件中的值。
- 将简报粘贴到 Claude Motion 或在 Claude Code 中构建为含 window.seek(seconds) 的单个 HTML 文件。
- 在 index.html 中设置 :root 变量，复制 logo，并在 1 秒和 5 秒截取静帧与网站截图对照检查。
适用场景：需要让视频内容与自有网站品牌视觉一致时；为某个品牌一次性建立设计系统并复用于多个视频时；基于客户授权网站或自建站点进行风格研究时。
限制：只应克隆样式值，不得复制 logo、商标、产品截图或文案；用于竞品外观复制属于抄袭，仅限自有站点、经许可的客户站点或作为研究用途。资料未提供收费、价格、平台支持范围或自动化程度等更多信息；部分步骤需人工审核与截图比对。检查项包括：简报中每个值是否可追溯到 CSS 行、是否出现 logo/字标/真实截图、200px 宽度下是否仍具品牌感。