SuperAPI AI 工具集

clone-website

前端与建站

查看项目

更新于 10-15 17:18

技能介绍

用途:将指定 URL 的网站逆向并重建为像素级克隆,采用边提取、边生成规格文件、边派发构建智能体的并行流程。

主要能力:用 Chrome MCP 截取桌面(1440px)与移动(390px)整页截图;提取字体、颜色、favicon 与全局 UI 模式;执行滚动、点击、悬停、响应式四类交互巡检,记录滚动触发头部变化、入视口动画、视差、悬停过渡等行为;抽取真实文字、图片、视频与内联 SVG;下载全局资源。每个组件先写入 docs/research/components/ 规格文件再交给构建智能体,规格包含精确计算样式与交互模型(点击驱动或滚动驱动)。

使用方式:需启用 Chrome MCP,否则无法工作;读取 TARGET.md 确定 URL 与范围;确认基础项目可通过 npm run build;创建 docs/research/、docs/design-references/、scripts/ 等目录。基础构建(字体、颜色令牌、类型、图标、全局资源)顺序完成,之后组件可并行;每个构建智能体需通过 npx tsc --noEmit,合并后验证 npm run build。

限制:依赖 Chrome MCP 与既有 Next.js + shadcn/ui + Tailwind v4 脚手架;规范建议单组件规格不超过约 150 行;涉及服务器端动态生成内容时才自行生成文本;未提供收费、价格或平台兼容性信息。