登录 注册

ai-website-cloner-template

去点 Star
网站与 SaaS 工具AI 应用与 AI Agent
39,022
Stars
0
Forks
0
Watchers
0
Open Issues
未知
许可证
TypeScript
语言
创建时间
最近更新

项目能做什么

基于 AI 编码 Agent 的模板,支持通过一条命令克隆任意网站。
来源:AI 基于仓库事实生成 · 内容以仓库实际 README 为准

使用说明 查看原始 README 原仓库文档

中文使用说明暂未生成。下面保留原仓库 README 摘录,命令与配置均以原文为准。
原始 README 摘录(英文原文,节选前 3000 字符)
<div align="center">

# AI Website Cloner Template

### Clone any website with one command

Give your AI coding agent a URL and watch it recreate the website as a clean Next.js app.

**Best results with [Claude Code](https://docs.anthropic.com/en/docs/claude-code) + Opus 5.5. Also supports Codex, Cursor, and OpenCode.**

[![Use this template](https://img.shields.io/badge/Use_this_template-Create_your_copy-2ea44f?style=for-the-badge&logo=github&logoColor=white)](https://github.com/JCodesMore/ai-website-cloner-template/generate) [![Discord](https://img.shields.io/badge/Join_the_community-Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white)](https://discord.gg/hrTSX5yTpB)

[Quick Start](#quick-start) · [Watch Demo](#demo) · [Supported Platforms](#supported-platforms)

<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"><img src="https://img.shields.io/github/stars/JCodesMore/ai-website-cloner-template?style=flat" alt="Stars" /></a> <img src="https://img.shields.io/endpoint?url=https://raw.githubusercontent.com/JCodesMore/ai-website-cloner-template/badges/token-badge.json" alt="tokens" />

  <a href="https://trendshift.io/repositories/24302?utm_source=repository-badge&amp;utm_medium=badge&amp;utm_campaign=badge-repository-24302" target="_blank" rel="noopener noreferrer"><img src="https://trendshift.io/api/badge/repositories/24302" alt="JCodesMore%2Fai-website-cloner-template | Trendshift" width="250" height="55" /></a> <a href="https://www.star-history.com/jcodesmore/ai-website-cloner-template/"><picture><source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/badge?repo=JCodesMore/ai-website-cloner-template&amp;theme=dark" /><source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/badge?repo=JCodesMore/ai-website-cloner-template" /><img alt="Star History Global Rank" src="https://api.star-history.com/badge?repo=JCodesMore/ai-website-cloner-template" width="216" height="55" /></picture></a>

<br />
<sub><strong>SPONSORED BY</strong></sub>
<br /><br />
<a href="https://www.swiftproxy.net/?ref=JCodesMore"><img src="docs/assets/sponsors/swiftproxy-banner.webp" alt="Swiftproxy residential proxies for inspecting websites from 195+ locations" width="680" /></a>
<br />
<sub>Inspect and compare websites from any region with rotating or static residential IPs in 195+ locations, over HTTP(S) and SOCKS5. Free testing, plus 10% off with code <code>PROXY90</code>. <a href="https://www.swiftproxy.net/?ref=JCodesMore">Try&nbsp;Swiftproxy&nbsp;→</a></sub>

</div>

---

## Demo

[![Watch the demo](docs/design-references/comparison.png)](https://youtu.be/O669pVZ_qr0)

> 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, 
阅读完整原文

商业机会分析 AI 生成

Web-to-Code 云端可视化克隆与沙盒 SaaS

产品构想将本地终端依赖的 AI Agent 封装为开箱即用的在线 SaaS,输入目标 URL 即自动截图、抓取 DOM,并通过多模态 LLM 还原成可编辑的 Next.js + shadcn 代码沙盒。
核心功能URL 解析与视觉抓取、多模态 AI UI 还原引擎、网页在线实时预览与微调、一键导出 GitHub/Vercel 部署。
目标用户不具备复杂本地环境配置能力的独立开发者、产品经理、初级前端开发者。
难度/周期中等 · 3 - 5 周 · 成本:低(基础 Web 框架 + 无头浏览器爬虫服务 + LLM Token API 消耗)
收费模式免费额度 + 订阅制(按月收取克隆次数套餐)或单次按需购买点数。
竞争风险目标站点反爬机制强导致抓取失败;复杂 SPA 或 Canvas 还原度受限;LLM Token 消耗较高导致利润薄。
依据 已验证事实

高转化营销落地页(Landing Page)一键仿制与清洗工具

产品构想专注于出海营销与电商落地页的克隆工具,不仅复刻前端布局,还能通过 AI 自动清洗目标品牌资产、重写文案并替换为用户指定的产品及支付挂件。
核心功能营销页面核心版块智能识别(Hero、Testimonial、Pricing)、AI 文案一键替换与本地化改写、多语言快速适配、对接 Stripe 支付模板。
目标用户出海营销人员、跨境电商卖家、流量套利团队、独立出海创业者。
难度/周期中等 · 2 - 4 周 · 成本:低(爬虫渲染服务 + LLM 提示词工作流)
收费模式高客单价订阅制(如 $39-$99/月),按克隆并上线页面数量计费。
竞争风险面临品牌商标侵权及恶意钓鱼网站制作的合规与风控风险。
依据 AI推测

设计系统逆向提取器(Design System & Figma 桥接)

产品构想面向设计与正规开发团队,将克隆过程标准化为“抽取设计系统”,分析竞品网页自动提取色彩规范、字体排版、Tailwind 配置及 shadcn-ui 兼容组件库,并可导出为 Figma 样式。
核心功能网页 CSS/DOM 语义化逆向、Tailwind 配置文件自动生成、复用组件规范提取、Figma Tokens 导出。
目标用户UI/UX 设计师、前端架构师、设计系统维护者。
难度/周期较高 · 4 - 6 周 · 成本:低(纯逻辑解析算法与少量 AI 辅助标注)
收费模式工具终身买断制(Lifetime License)或专业版团队席位费。
竞争风险市场受众相对垂直;需要对 Figma API 和复杂 CSS 规范有深度解析能力。
依据 尚需验证的假设
AI 基于仓库公开数据分析生成,含推测成分,不构成收益承诺。
报告会保存到 个人中心

竞品与相似项目 GitHub Search 真实检索

项目中文简介Stars语言
morluto/rea 中文介绍暂未生成
Reverse engineer anything with agents, from app behavior dow
449,393 TypeScript
openclaw/openclaw 中文介绍暂未生成
The AI that really does things. Any OS. Any Platform. The lo
394,300 TypeScript
obra/superpowers 中文介绍暂未生成
An agentic skills framework & software development methodolo
315,601 Shell
NousResearch/hermes-agent 中文介绍暂未生成
The agent that grows with you
262,378 Python
n8n-io/n8n 中文介绍暂未生成
Fair-code workflow automation platform with native AI capabi
210,007 TypeScript
firecrawl/firecrawl 中文介绍暂未生成
Supercharge your AI agents with data from the web and beyond
200,436 TypeScript
以上为通过 GitHub 官方 Search API 检索的相似项目,功能差异与优劣势需进一步人工确认,配置 AI 后可生成对比分析。

项目优势与风险

技术成熟度创建于 ,最近推送 ,发布过 10 个 Release
社区活跃Star 39,022 / Fork 0 / Issue 0(数据支持,可自行核实)
许可证未检测到(需人工确认)
主要风险上游项目方向可能变化;同赛道竞争者较多(见竞品表);热度与需求不完全等价

安装与使用

快速开始(以仓库 README 为准)
git clone https://github.com/JCodesMore/ai-website-cloner-template.git
cd ai-website-cloner-template
# 请阅读仓库 README 获取确切安装步骤(依赖、配置、启动命令)
阅读原仓库文档
术语说明:Docker=应用容器(把程序和依赖打包运行);API Key=调用外部服务的密钥;Git Clone=把仓库代码下载到本地。常见错误:API Key 未配置 / 端口占用 / 数据库连接失败,多数项目在 README 的 Troubleshooting 章节有说明。