AI网站克隆模板
经 AI Skill Hub 精选评估，AI网站克隆模板 获评「强烈推荐」。在 GitHub 上收获超过 15.5k 颗 Star，这款Agent工作流在功能完整性、社区活跃度和易用性方面表现出色，AI 评分 8.5 分，适合有一定技术背景的用户使用。
📚 深度解析
AI网站克隆模板 工作流的设计遵循"最小配置，最大复用"原则：核心逻辑已经封装好，用户只需配置自己的 API Key 和业务参数即可快速上手。工作流内置错误处理和重试机制，在网络波动或 API 限速等情况下仍能稳定运行，适合作为生产环境的自动化基础设施。
在实际部署时，建议先在测试环境中运行 3-5 次，验证各个环节的输出结果符合预期，再部署到生产环境。AI Skill Hub 评分 8.5 分，是同类 Agent 工作流中的精选推荐。
📋 工具概览
AI网站克隆模板 是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。
📖 中文文档
AI网站克隆模板 是一套完整的 AI Agent 自动化工作流方案。通过可视化的节点编排，将复杂的多步骤任务拆解为清晰的自动化流程，实现全程无人值守的智能处理。支持与数百种外部服务和 API 无缝集成，适合构建数据处理管线、业务自动化和 AI 辅助决策系统。
- 可视化 Agent 工作流编排，无需编写复杂代码
- 支持多步骤自动化任务链，实现全流程无人值守
- 与外部 API、数据库和第三方服务无缝集成
- 内置错误处理与自动重试机制，保障稳定运行
- 提供可复用的自动化模板，快速在同类场景部署
- 自动化日常重复性工作，将精力集中于创造性任务
- 构建数据采集 → 处理 → 输出的完整自动化管线
- 实现跨平台、跨系统的数据流转和业务协同
# 方式一：npm 全局安装 npm install -g ai-website-cloner-template # 方式二：npx 直接运行（无需安装） npx ai-website-cloner-template --help # 方式三：项目依赖安装 npm install ai-website-cloner-template # 方式四：从源码运行 git clone https://github.com/JCodesMore/ai-website-cloner-template cd ai-website-cloner-template npm install npm start
- 访问 GitHub 仓库获取工作流文件
- 在对应平台（Dify / Flowise / Make 等）中找到「导入工作流」功能
- 上传工作流文件
- 按照提示配置必要的环境变量和 API Key
- 运行测试确认流程正常后投入使用
# 命令行使用
ai-website-cloner-template --help
# 基本用法
ai-website-cloner-template [options] <input>
# Node.js 代码中使用
const ai_website_cloner_template = require('ai-website-cloner-template');
const result = await ai_website_cloner_template.run(options);
console.log(result);
# ai-website-cloner-template 配置说明 # 查看配置选项 ai-website-cloner-template --config-example > config.yml # 常见配置项 # output_dir: ./output # log_level: info # workers: 4 # 环境变量（覆盖配置文件） export AI_WEBSITE_CLONER_TEMPLATE_CONFIG="/path/to/config.yml"
AI Website Cloner Template
<a href="https://github.com/JCodesMore/ai-website-cloner-template/blob/master/LICENSE"><img src="https://img.shields.io/badge/license-MIT-blue" alt="MIT License" /></a> <a href="https://github.com/JCodesMore/ai-website-cloner-template/stargazers"><img src="https://img.shields.io/github/stars/JCodesMore/ai-website-cloner-template?style=flat" alt="Stars" /></a> <a href="https://discord.gg/hrTSX5yTpB"><img src="https://img.shields.io/discord/1400896964597383279?label=discord" alt="Discord" /></a>
A reusable template for reverse-engineering any website into a clean, modern Next.js codebase using AI coding agents.
Recommended: Claude Code with Opus 4.7 for best results — but works with a variety of AI coding agents.
Point it at a URL, run /clone-website, and your AI agent will inspect the site, extract design tokens and assets, write component specs, and dispatch parallel builders to reconstruct every section.
Prerequisites
- Node.js 24+
- An AI coding agent (see Supported Platforms)
If using docker
docker compose up app --build # build and run the app
docker compose up dev --build # run the app in dev mode on port 3001Quick Start
Important: Start by making your own copy with GitHub's Use this template button. Do not clone this template repository directly for your website project, and do not open pull requests here with your generated website.
- Create your own repository from this template
On the GitHub page for this project, click Use this template, then click Create a new repository.
Give your new repository a name, choose whether it should be public or private, then click Create repository. If GitHub shows an Include all branches option, you can leave it off.
This gives you your own separate project to work in, so your website changes stay in your account instead of coming back to the main template.
- Open your new repository on your computer
After GitHub creates your copy, open that new repository. Click Code and open or clone your new repository with your preferred coding tool.
If you use the terminal, the command will look like this:
git clone https://github.com/YOUR-USERNAME/YOUR-NEW-REPOSITORY.git
cd YOUR-NEW-REPOSITORY
3. Install dependencies
npm install
claude --chrome
/clone-website <target-url1> [<target-url2> ...]
Using a different agent? Open AGENTS.md for project instructions — most agents pick it up automatically.
Use Cases
- Platform migration — rebuild a site you own from WordPress/Webflow/Squarespace into a modern Next.js codebase
- Lost source code — your site is live but the repo is gone, the developer left, or the stack is legacy. Get the code back in a modern format
- Learning — deconstruct how production sites achieve specific layouts, animations, and responsive behavior by working with real code
Demo
Click the image above to watch the full demo on YouTube.
ai-website-cloner-template 是一个专为 AI 驱动的开发流程设计的模板项目。它旨在利用 AI Agent 的能力，通过输入目标 URL，自动克隆并重建网站结构。该项目不仅是一个工具，更是一个高度可扩展的开发框架，帮助开发者快速实现从现有网页到现代化代码库的转化。
在使用本项目之前，请确保您的开发环境已安装 Node.js 24 或更���版本。此外，您需要配备一个具备代码编写能力的 AI coding agent（具体支持平台请参考 Supported Platforms 章节），以驱动整个克隆与生成流程。
本项目支持使用 Docker 进行快速部署。若需构建并运行应用，请执行 `docker compose up app --build`；若需在开发模式下运行（监听 3001 端口），请使用 `docker compose up dev --build` 命令。这种方式可以确保开发环境的一致性，降低配置成本。
快速上手指南：首先通过 git clone 克隆仓库并进入目录，执行 npm install 安装依赖。推荐使用 Claude Code 并通过 `claude --chrome` 启动 AI agent。随后，在 agent 交互界面输入指令 `/clone-website <target-url>` 即可开始克隆任务。您可以根据需求对生成的代码进行二次自定义。该工具适用于平台迁移（如将 WordPress 转为 Next.js）、找回丢失的源码或通过拆解生产环境代码进行学习。
高效的AI网站克隆工具
- 构建多智能体协作系统的 Agent 开发者
- 生产部署优先使用 Docker Compose 隔离依赖，并挂载 volume 持久化数据
- Agent 任务先做 dry-run 验证工具调用链，再开启自主执行
- API key 直接提交到 git 仓库（请用 .env 并加入 .gitignore）
- 容器内无法访问宿主机 localhost — 使用 host.docker.internal
- Docker：ai-website-cloner-template 提供官方镜像，docker compose up 一键启动
- CLI：直接 npm install -g / pip install，命令行调用
- 云端托管：可放在 Vercel / Railway / Fly.io 等 PaaS 平台
⚡ 核心功能
- 可视化 Agent 工作流编排，无需编写复杂代码
- 支持多步骤自动化任务链，实现全流程无人值守
- 与外部 API、数据库和第三方服务无缝集成
- 内置错误处理与自动重试机制，保障稳定运行
- 提供可复用的自动化模板，快速在同类场景部署
- 构建多智能体协作系统的 Agent 开发者
- 生产部署优先使用 Docker Compose 隔离依赖，并挂载 volume 持久化数据
- Agent 任务先做 dry-run 验证工具调用链，再开启自主执行
- API key 直接提交到 git 仓库（请用 .env 并加入 .gitignore）
- 容器内无法访问宿主机 localhost — 使用 host.docker.internal
👥 适合人群
🎯 使用场景
- 自动化日常重复性工作，将精力集中于创造性任务
- 构建数据采集 → 处理 → 输出的完整自动化管线
- 实现跨平台、跨系统的数据流转和业务协同
⚖️ 优点与不足
- +GitHub 15.5k Star，社区高度认可
- +MIT 协议，可免费商用
- +大幅减少重复性人工操作
- +可视化流程，清晰直观
- +可扩展性强，支持复杂场景
- −初始配置和调试需投入一定时间
- −强依赖外部服务的稳定性
- −复杂场景需具备一定技术基础
AI Skill Hub 为第三方内容聚合平台，本页面信息基于公开数据整理，不对工具功能和质量作任何法律背书。
建议在沙箱或测试环境中充分验证后，再部署至生产环境，并做好必要的安全评估。
✅ MIT 协议 — 最宽松的开源协议之一，可自由商用、修改、分发，仅需保留版权声明。
🔗 相关工具推荐
❓ 常见问题 FAQ
AI Skill Hub 点评：AI网站克隆模板 的核心功能完整，质量优秀。对于自动化工程师和运维人员来说，这是一个值得纳入个人工具库的选择。建议先在非生产环境试用，再逐步推广。
| 原始名称 | ai-website-cloner-template |
| 原始描述 | 开源AI工作流：Clone any website with one command using AI coding agents。⭐15.5k · TypeScript |
| Topics | aiai-agentsautomationtypescript |
| GitHub | https://github.com/JCodesMore/ai-website-cloner-template |
| License | MIT |
| 语言 | TypeScript |
收录时间：2026-05-27 · 更新时间：2026-05-30 · License：MIT · AI Skill Hub 不对第三方内容的准确性作法律背书。