AI Website Cloner 一键克隆任意网站为 Next.js 项目

AI文摘 此内容由AI根据文章内容自动生成

AI Summary

项目介绍

一个利用 AI 编码代理一键克隆任意网站的开源模板，输入目标 URL 后 AI 自动完成浏览器截图分析、提取设计 token（颜色、字体、CSS）、编写组件规格，并通过 Git worktree 多代理并行构建每个部分，最终合并成完整的 Next.js + React + Tailwind CSS 项目。

兼容 Claude Code、Cursor、Codex、Copilot 等主流 AI 编码工具，不是简单的截图复制而是高保真重建，适合快速原型开发、学习优秀网站设计或迁移旧站点。

推荐：使用 Opus 4.8 的 Claude Code，以获得最佳效果——但可支持多种 AI 编码代理。

指向一个URL，运行/clone-website，你的AI代理会检查网站，提取设计标记和资产，编写组件规格，并派遣并行构建者重建每个部分。

快速入门

重要提示：首先，使用GitHub的“使用此模板”按钮制作自己的副本。不要直接克隆这个模板仓库用于你的网站项目，也不要在这里用你生成的网站打开拉取请求。

1. 用这个模板创建你自己的仓库在本项目的 GitHub 页面上，点击“使用此模板”，然后点击创建新仓库。给你的新仓库命名，选择它是公开还是私有，然后点击创建仓库。如果GitHub显示“包含所有分支”选项，你可以关闭它。这样你就有了一个独立的项目可以参与，网站的更改会留在你的账户里，而不是回到主模板。
2. 在你的电脑上打开你的新仓库GitHub创建你的副本后，打开那个新仓库。点击代码，用你喜欢的编码工具打开或克隆你的新仓库。如果你使用终端，命令会是这样的：git clone https://github.com/YOUR-USERNAME/YOUR-NEW-REPOSITORY.git CD YOUR-NEW-REPOSITORY吗
3. 安装依赖NPM 安装吗
4. 启动你的AI代理——Claude Code推荐：克劳德——铬人
5. 运行技能：/clone-website <target-url1> [<target-url2> ...]
6. 自定义（可选）——基础克隆建成后，按需修改

开源地址