用途：把在线网页或界面截图复刻成本地可编辑的 Next.js + Tailwind CSS 原型工程，供快速原型与后续迭代。
主要能力：支持两种输入——URL 走抓取流程，截图直接分析布局、配色、字体、组件结构与内容；两者同时提供时，URL 用于结构数据，图片作为视觉保真基准。抓取按优先级尝试：Chrome 自动化（导航、读取无障碍树、截图、JavaScript 提取计算样式、局部放大）、WebFetch 原始 HTML、无障碍树结合框架知识推断；提取页面分区、设计令牌（主色/文字/背景/边框）、排版、间距、组件圆角阴影悬停态、布局与图标图片。构建阶段手工脚手架生成工程结构（src/app、src/components、src/data 等），设计令牌映射到 tailwind.config.ts，图标用 lucide-react，图片优先原始 URL。每个项目内置设计文档系统：右下角“设计文档 N”悬浮按钮打开右侧约 420px 挤压式面板（内容左移而非覆盖），含标题栏、复制按钮、文档标签页、Markdown 渲染，ESC 关闭；文档存于 src/data/designDocs.ts。
使用方式：先提供 URL 或截图；交付后按 cd <项目目录> && npm install && npm run dev 启动；不满意可发截图或标注继续优化。新增或修改功能时同步更新 designDocs.ts。验证要求 npm install 后执行 npx tsc --noEmit 且零错误。
适用场景：竞品页面复刻、原型评审材料、需要可继续开发的前端原型。
限制：抓取可能被扩展安全策略或出口策略拦截，需降级处理；JS 与 WebFetch 都失败时依赖无障碍树与已有知识，保真度下降。未提供收费、平台等更多信息。