用途:打开公开网站,提取其视觉设计系统,产出面向 AI 智能体阅读的 DESIGN.md,并基于该文档构建独立的 preview.html,用于验证文档是否准确。
主要能力:可先检查参考 URL 的桌面与移动端渲染效果;按需补充查看定价、文档、产品/仪表盘、注册/认证等 1-3 个高信息量页面;提取配色与语义角色、字体层级、组件样式、布局与间距、深度/阴影、响应式行为及设计护栏。
使用方式:确定实现目标——用户有具体页面需求时用其内容套用参考站视觉系统;用户要求克隆 URL 时重建该页;仅给参考 URL 时默认重刻该页。随后按 output-template.md 的章节顺序撰写或更新 DESIGN.md,据此构建 preview.html,在桌面和移动尺寸渲染比对;发现缺失规则时先改 DESIGN.md 再调 HTML,迭代至一致。收尾时用 extraction-checklist.md 检查,并在默认浏览器打开最终 HTML,报告其绝对路径。
适用场景:从公开站点提炼设计规范、复刻页面视觉、为其他 AI 智能体提供实现依据。仓库约定下产物路径为 design-md/<slug>/ 内的 DESIGN.md、preview.html、README.md,必要时生成 preview-dark.html。
限制:只提取公开可见的设计信息;不复制认证、支付、追踪、私有 API 或后端行为;链接与控制默认保持本地安全;仅实现一个完整页面,除非用户另行要求;默认使用无框架、无构建步骤的独立 HTML,仅在路由或安全规则需要时启动轻量本地服务;若无法打开浏览器需说明失败并提供路径;参考站禁止访问或字体资源缺失时应说明覆盖范围与替代。
暂未提供:收费、价格与平台支持信息。