用途：Design Mirror 用于捕捉任意公开网站的视觉设计语言，并把它迁移到用户已有的代码库中，包括颜色、字体排印、间距体系、布局节奏、组件形状与整体美学。它强调只提取设计语言，而非复制内容或功能。
主要能力：通过 Bright Data Web Unlocker 对目标站点同时进行截图与 HTML/CSS 抓取；从截图中做视觉分析（主色、背景、字体层级、布局、卡片形状、按钮、导航、整体氛围），并从 HTML 中提取 CSS 自定义属性、字体导入、Tailwind 配置及可反映间距的重复类名模式；随后生成结构化的设计令牌表（颜色、字体、间距、边框与阴影、特殊效果），再按用户的框架与样式方案应用到现有代码。
使用方式：需配置 BRIGHTDATA_API_KEY 与 BRIGHTDATA_UNLOCKER_ZONE 环境变量。流程是：截图脚本 bash scripts/screenshot.sh "https://inspiration-site.com" "/tmp/target_screenshot.png"，以及 bash scripts/scrape_html.sh "https://inspiration-site.com" "/tmp/target_page.html"；之后分析设计系统、构建令牌表、了解用户代码库、应用样式，最后展示改动前后对比。若用户使用 Tailwind、CSS/CSS Modules 或 styled-components/Emotion，分别更新配置、:root 变量或主题对象。
适用场景：想要让自己的界面贴近某参考站点的设计风格，或从中学习设计令牌的提取与运用。
限制：需自备 Bright Data 凭证；CSS 被压缩混淆时可退化为纯视觉推断；JS 渲染站点抓取内容可能为空；使用时应尊重参考站点服务条款，仅作设计参考。