SuperAPI AI 工具集

clone-site

前端与建站

查看项目

更新于 10-15 20:29

技能介绍

用途:把指定 URL 的网站逆向重建为本地代码库,覆盖 DOM/CSS 内容与 GPU 着色器效果两类材质。

主要能力:先做侦察与表面路由,生成 surface map,把每个视觉区域标记为 DOM 或 GPU 材质并分配处理轨道;探测动效运行时(GSAP、ScrollTrigger、WAAPI、Lenis、Swiper 等)与设计令牌(配色、字体、间距、断点等);输出 ROUTING.md 与 TEARDOWN.md。随后调度两个子技能:dom-clone 负责 DOM/CSS/资源/内容,shader-extract 负责单个 GPU 表面(WebGL/WebGPU/canvas)的捕获与回放。最后合成并做自动化视觉 QA。

使用方式:需要可驱动的浏览器自动化(playwright-cli 推荐,或 Playwright MCP、Chrome MCP 等)。用 node scripts/build-bundle.js 构建探针包并注入,再调用 surfaceMap()、motionSummary() 等。参数为 URL,可加 --analyze-only 仅输出分析。产物默认放在 output/<hostname>/。

适用场景:站点迁移、找回自己丢失的源码、学习网站构建方式。

限制:无法从 fetch 或截图克隆;遇到机器人墙或登录墙需停止。不得用于冒充他人品牌、钓鱼或违反站点条款。若缺少任一子技能需停止。GPU 效果可能只能近似回放,跨域 canvas 可能无法读取。具体收费、价格、平台等信息暂未提供。