用AI编码代理用一个命令克隆任何网站
概览
一个可重复使用的模板，利用AI编码代理逆向工程任何网站，创建干净、现代的 Next.js 代码库。 ——但同时能与多种AI编码代理合作。 指向一个URL，运行/clone-website，你的AI代理会检查网站，提取设计标记和资源，编写组件规范，并派遣并行构建者重建每个部分。 点击上方图片可在YouTube上观看完整演示。 首先用GitHub的按钮创建自己的副本。不要直接克隆这个模板仓库用于你的网站项目，也不要在这里用你生成的网站打开拉取请求。 在该项目的 GitHub 页面上，点击 ，然后点击 。 给你的新仓库命名，选择它是公开还是私有，然后点击。如果GitHub显示有选项，你可以不开它。 这样你就有了一个独立的项目可以参与，网站的更改会留在你的账户里，而不是回到主模板。
概述（AI 翻译）
用一个命令克隆任何网站
给你的AI编码代理一个网址，看它把网站重新创建成一个干净的Next.js应用。
使用 Claude Code + Opus 5.5 获得最佳效果。还支持 Codex、光标和 OpenCode。
快速入门 ·观看演示 ·支持的平台
演示
点击上方图片可在YouTube上观看完整演示。
快速启动
1.搭建你的项目
建议：咨询你的经纪人。 将此内容粘贴到Codex、Claude Code或你的编码经纪人中：
或者自己创建一个GitHub仓库：
给它一个名字，点击创建仓库。然后把新仓库的链接给你的代理，要求它克隆到你的电脑上，安装依赖，并运行npm run check。
2.克隆一个网站
在你的代理中打开项目，启用浏览器权限。在 Claude Code 或光标中，运行：
把URL替换成你想重建的网站。网站建好后，向你的代理提出任何你想要的修改。
支持平台
| 特工 | 状态 |
|---|---|
| 克洛德代码 | 推荐 — 作品5.5 |
| Codex CLI | 支持中 |
| OpenCode | 支持 |
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
Demo
Click the image above to watch the full demo on YouTube.
Quick Start
1. Set up your project
Recommended: ask your agent. Paste this into Codex, Claude Code, or your coding agent:
Set up https://github.com/JCodesMore/ai-website-cloner-template
as a standalone project in a new folder on my computer.
Ask me where to put it. Clone the repository, remove its origin remote,
install dependencies, and run npm run check. Leave it ready for me
to clone a website.
Or create your own GitHub repository:
推荐工具
换一个关键词，或者移除筛选条件。
安装
npx skillfish add jcodesmore/ai-website-cloner-template