用途：从任意网站 URL 提取设计系统，生成结构化文件（设计令牌 JSON、品牌资产、设计指南），供智能体构建与该品牌一致的界面。
主要能力：驱动真实浏览器访问页面，关闭 Cookie/同意横幅与弹窗后截图；通过 eval 提取核心元素样式、颜色、圆角、按钮样式、Logo、favicon、字体与导航链接；下载站点自托管字体与 favicon 等二进制资产；生成 assets/design-tokens.json 与 docs/design-guidelines.md。
使用方式：需 Node.js、Playwright CLI 和已配置浏览器。先创建 assets、docs 目录；用 playwright-cli -s=design open <URL> 打开页面，用 run-code 等待延迟横幅，用 find 定位并 click 关闭；用 screenshot --filename=assets/homepage.png --full-page 截图；用 eval 分多次提取样式，结果可写入 --filename 文件；用配套脚本 fetch-binary-assets.browser.js 与 decode-binary-assets.cjs 下载并解码字体、favicon；最后按给定 schema 生成 design-tokens.json 与设计指南。完成后用 playwright-cli -s=design close 关闭会话。
适用场景：需要从现有网站快速获取品牌设计令牌与资产，用于生成风格一致的 UI。
限制：若页面返回 403 或被拦截，应停止并报告，不得编造设计系统；不得绕过站点访问控制；自定义字体与 Logo 可能受许可限制，使用前需用户自行核实权利；仅当站点自托管字体时才下载，第三方 CDN 字体因 CORS 无法获取；避免手写解码循环，防止产生大量零字节文件。