JCodesMore/ai-website-cloner-template

⭐ 11,159 Stars 🍴 1,608 Forks TypeScript

JCodesMore/ai-website-cloner-template 是一个使用 AI 编码代理将任何网站逆向工程为现代 Next.js 代码库的模板。

来源:据 README 描述 查看 GitHub 仓库 →

为什么值得关注

该项目因其独特的使用 AI 编码代理进行网站逆向工程的能力而受到关注。它填补了网站迁移、源代码丢失和现代化重构的空白,并提供了多种 AI 编码代理的支持,使其具有广泛的应用场景。

来源:综合 README 描述和项目特征

核心功能

AI 编码代理支持

支持多种 AI 编码代理,如 Claude Code、Codex CLI、OpenCode 等,以实现网站逆向工程。

来源:据 README 描述
多平台支持

支持多种平台,包括 Windows、Linux 和 macOS,并提供了 Docker 镜像以简化部署。

来源:据 README 描述
多 URL 支持和 CI 质量门

支持多 URL 克隆,并添加了 CI 质量门以确保代码质量。

来源:据 GitHub Releases

技术架构

项目采用模块化设计,代码结构清晰。主要模块包括 Next.js 路由、React 组件、工具库、类型定义和自定义 React 钩子。数据通过 Next.js 的数据流机制进行流转,关键的技术决策包括使用 TypeScript 严格模式、Tailwind CSS 和 Lucide React。

来源:代码目录结构 + 依赖文件

技术栈

infra: Docker  |  key_deps: @base-ui/react, class-variance-authority, clsx, lucide-react, next, react, react-dom, shadcn, tailwind-merge, tw-animate-css  |  language: TypeScript  |  framework: Next.js

来源:依赖文件 + 代码目录结构

快速上手

1. 克隆仓库:`git clone https://github.com/JCodesMore/ai-website-cloner-template.git my-clone`。 2. 进入目录:`cd my-clone`。 3. 安装依赖:`npm install`。 4. 启动 AI 代理:`claude --chrome`。 5. 运行克隆技能:`/clone-website [ ...]`。
来源:README Installation/Quick Start

使用场景

1. 网站迁移:将现有网站迁移到 Next.js 平台。 2. 源代码丢失:恢复丢失的网站源代码。 3. 网站重构:将旧网站重构为现代网站。 4. 学习:学习网站设计和开发技术。

来源:README

优势与局限

优势

  • 优势1:支持多种 AI 编码代理,适用范围广。
  • 优势2:模块化设计,代码结构清晰。
  • 优势3:提供 Docker 镜像,简化部署。

局限

  • 局限1:项目处于早期阶段,可能存在一些bug。
  • 局限2:需要一定的技术背景才能使用。
来源:综合 README、代码结构和依赖分析

最新版本

v0.3.1 (2026-03-30):修复了 Windows CRLF 问题。 v0.3.0 (2026-03-30):支持多 URL 克隆和 CI 质量门。 v0.2.0 (2026-03-28):支持多平台 AI 编码代理。 v0.1.1 (2026-03-28):项目维护和改进。 v0.1.0 (2026-03-28):初始发布。

来源:GitHub Releases

总结评价

JCodesMore/ai-website-cloner-template 是一个值得关注的项目,特别是对于需要将网站迁移到现代平台或恢复丢失源代码的开发者。它具有广泛的应用场景和强大的技术支持,但可能需要一定的技术背景才能有效使用。

来源:综合分析
透明度声明
本页内容由 AI(大语言模型)基于以下公开材料自动生成:GitHub README、代码目录结构、依赖文件、Release 信息。 分析时间:2026-04-08 18:32。质量评分:85/100。 所有结论均标注了数据来源。如发现不准确之处,欢迎反馈。

数据来源: README、GitHub API、依赖文件