行业新闻

GitHub 2万Star项目一行命令克隆任意网站,支持多种AI编程助手

一个开源工具整合多种 AI 编程助手,自动克隆网站并生成可维护的前端工程代码,大幅降低手动逆向成本。

GitHub 上一个 2 万 Star 的开源项目 ai-website-cloner-template,让你不用打开 F12 抄 CSS 了。一行命令就能像素级复制任意网站,自动提取设计 Token、遍历交互逻辑,并调用多个 AI 编程助手(Claude Code、Cursor 等)并行重建组件,最终输出可直接运行的 Next.js 工程。

正文摘录

前端工程师最不想看到的开源项目出现了,一行命令克隆任意网站 现在不用打开 F12 一行行抄 CSS 了!GitHub 上有个 2万 Star 的项目专门干这事儿—— ai-website-cloner-template ,一行命令,像素级克隆任意网站。 采集页面元素精确计算样式、遍历滚动/点击/悬停等全量交互逻辑、提取标准化设计 Token; 再调度多 Agent 基于 Git 工作树并行完成组件分块重建,最终输出一套可直接本地运行的完整 Next.js 工程。 产物内置标准化路由、模块化组件、严格 TypeScript 类型定义,执行 npm run dev 即可启动开发服务。 而且 Claude Code、Codex CLI、Cursor、Copilot、Gemini CLI、Windsurf 全支持,总之市面上你能想到的 AI 编程助手它全接上了。 这个项目是 GitHub 模板仓库,打开项目页面点 Use this template,一键生成属于你自己的仓库,然后拉到本地装个依赖: git clone https://github.com/你的用户名/你的新仓库.git cd 你的新仓库 npm install /clone-website https://站点A.com https://站点B.com https://站点C.com 兼容性方面,项目里有一个 AGENTS.md 文件,充当所有 AI 编码工具共享的“单一事实来源”。 Claude Code、Cursor、Windsurf、Codex CLI、Gemini CLI……各个平台的配置文件都是从这一个文件自动同步生成的。 AI 会先对目标网站做一次全面体检。自动滚动整个页面,模拟鼠标悬浮和点击,把视口宽度拉到不同尺寸看响应式表现,把整站的视觉状态和交互行为全部录下来。

阅读原文(qbitai.com)→

行业新闻闻乐2026-06-28原文

相关内容