用途：把用户提供的网址或截图还原成可本地运行的 Next.js + Tailwind CSS 原型工程，方便后续修改与迭代。
主要能力：优先用 Chrome 自动化读取页面结构、截图并提取颜色、字体、间距等样式；若不可用则回退到 WebFetch 获取 HTML，或依据无障碍树与常见 UI 框架知识推断。支持从截图直接还原，也支持同时用网址取结构、用图片校准视觉。
使用方式：用户提供网址或截图后开始抓取；随后手动脚手架搭建项目（跳过 create-next-app），结构包含 src/app、src/components、src/data 等。完成后交付文件夹并提示运行：cd <project-folder> && npm install && npm run dev。交付前须执行 npx tsc --noEmit 保证零错误。
设计文档系统：每个原型内置右下角“设计文档”浮动按钮，点击后从右侧挤压式展开面板（约 420px），可浏览并复制各文档的原始 Markdown。每次新增或修改功能都需在 src/data/designDocs.ts 中新增或更新对应文档条目。
适用场景：需要快速复刻现有页面、做前端原型或演示、以及基于复刻工程继续加功能的场合。
限制：抓取可能受扩展安全策略或网络出站策略阻断；图标用 lucide-react，公共图片用原始链接，其余用占位；具体支持的模型、账号、费用与性能等信息暂未提供。