用途：把目标 URL 克隆成真实可交互的纯前端本地应用或网站，外观与交互尽量贴近源站。仅限用户拥有或已获授权复刻的站点，且需先提醒用户遵守目标网站条款；若用户要求“更好、重新设计、改进”则不属此范围。
主要能力：按规则选择浏览器打开源 URL，确认页面正确后从顶部小步滚动到底逐段采集，再回到顶部检查是否变化，并在 390 x 844 的移动端重复。通过浏览器 DOM 工具采集元素、组件、文本、链接、按钮与控件、状态、图片、图标、字体、视频、SVG、样式表、颜色、间距、布局尺寸与响应式表现。逐一测试可见交互控件，每次测试后返回初始状态，有变化时保存结果。复制页面实际使用的图片、Logo、图标、字体、视频、SVG、精灵图、遮罩、光标与背景图到本地；无法复制时用截图配合 ImageGen 生成替代图、最接近的开源字体或开源图标集，并简要说明替换原因。
使用方式：先加载用户上下文并运行其预检脚本，使用已保存的产品 URL、Figma、截图、代码库路径、Storybook、设计令牌、品牌资产等作为依据，只检查当前任务所需内容。用 local-prototype-preflight 创建本地应用，只依据采集到的证据构建，不使用热链源资源，不猜测。运行本地应用时项目需有 npm dev 脚本；sites-preview 执行 npm run dev -- --host 0.0.0.0 --port 4173 --strictPort，需在云浏览器打开 http://terminal.local:4173/ 检查渲染、主交互与控制台错误，启动预览不等于验证。对比本地与原始站点的桌面、移动端及每个交互，运行 design-qa 作为阻塞门禁，报告保存为项目根目录 design-qa.md，修复 P0/P1/P2 后重测直到 final result: passed，不纠缠 P3。
限制：采集证据前不得搭建脚手架、写代码、启服务或创建原型；每个交互与状态都采集完成前不得交付；不得凭记忆、仅截图、猜测 CSS、通用资源或历史对话构建；保存状态需有源截图与 DOM/样式/布局证据；不得使用临时 CSS 图标、文字字形、emoji 或手绘 SVG 占位；若无法用获准浏览器采集有效证据则停止并报告 design-qa 阻塞。通过 QA 后保持本地预览运行，除非用户明确要求分享、发布或部署，否则不部署到 Sites。