众力资讯网

克隆网站通常需要手动分析设计、下载资源、编写代码,还要适配响应式布局和交互效果,

克隆网站通常需要手动分析设计、下载资源、编写代码,还要适配响应式布局和交互效果,来回折腾耗时费力。

AI Website Cloner Template 用一条命令搞定一切,利用AI编码代理逆向工程任意网站,生成干净现代的Next.js代码库。

只需指向目标URL,运行 /clone-website 命令,AI代理就会自动截图分析、提取设计令牌和资源、生成组件规格,并并行构建每个页面部分。

GitHub:github.com/JCodesMore/ai-website-cloner-template

主要功能:

- 网站侦察:自动截图、设计令牌提取、交互扫描(滚动、点击、悬停、响应式);- 基础搭建:更新字体、颜色、全局样式,下载所有静态资源;- 组件规格生成:精确记录CSS值、状态、行为和内容的详细规范文档;- 并行构建:为每个组件/页面部分启动独立AI构建代理;- 自动组装与QA:合并代码、连接页面、与原站视觉对比验证;- 支持多种AI代理:Claude Code(推荐)、Cursor、Gemini CLI、Aider等。

基于Next.js 16 + shadcn/ui + Tailwind CSS v4,支持Web部署,通过npm install即可本地运行,适合开发者快速迁移/重建网站。

AI工具Nextjs 网站克隆 AI编码代理