网站转代码克隆
接受公开 URL，并生成组件化代码形式的克隆站点，而不是对页面进行扁平抓取。
Ditto
认领Ditto 是一款开源网站克隆工具，可将公开 URL 转换为可编辑的组件化 Next.js 或 Vite 代码，支持自托管、托管 API 和 MCP，适合快速搭建项目起点。
概述
Ditto 是一款开源的确定性网站克隆工具。它接收一个公开 URL，并将其转换为干净的、组件化的代码库，主页和 API 示例展示了 Next.js 和 Vite 作为输出目标。
该产品面向希望获得忠实起点而非空白画布的开发者。网站称 Ditto 能保留还原度、提取设计系统及其他 UI 细节，并可作为自托管工具、托管 API 或通过 MCP 连接的代理工作流使用。
核心能力
面向框架的输出
将输出重建为 Next.js 或 Vite 项目，让用户获得可编辑、可继续构建的真实代码库。
确定性流水线
被描述为确定性流程，网站明确将其与基于 LLM 的猜测方式进行对比。
UI 与布局提取
根据主页文案，提取设计系统、令牌、字体、交互、动效、断点和页面区块。
组件化项目结构
将重复的 DOM 拆分为组件，把区域提升为区块，并输出可编辑的语义内容和项目文件。
多种运行方式
支持三种接入方式：自托管开源版、托管 REST API，以及供代理使用的 MCP 服务器。
实际使用场景
基于现有网站快速启动新项目
开发者可以将公开网站 URL 发送给 Ditto，得到一个可作为起点的代码库，用于在 Next.js 或 Vite 中重建或扩展 UI。
自托管克隆流水线
团队可以在自己的机器或基础设施上运行这款开源克隆工具，以便检查流水线并将工作流保留在内部。
通过 API 自动化网站克隆
应用可以调用托管 REST API 来排队克隆任务、监控进度，并在无需本地搭建基础设施的情况下获取完成的项目。
将克隆功能加入代理工作流
AI 代理或构建循环可以连接到 MCP 服务器，并在迭代工作流中将 Ditto 作为把目标 URL 转换为代码的工具。
审查并优化生成的代码库
设计师或工程师可以审查生成的组件、区块、内容模型和提取的令牌，将其作为后续编辑的结构化基础。
Pros and Cons
Pros
- 开源且采用 MIT 许可，代码可供查看并可自托管。
- 确定性方法被定位为可避免克隆过程中的 LLM 猜测。
- 支持多种工作流：本地自托管、托管 REST API 访问以及供代理使用的 MCP 服务器。
- 输出被描述为结构化且可编辑，包括组件、区块、令牌和项目文件。
- 主页在生成输出中提供了 Next.js、Vite、Tailwind 和 TypeScript 的具体示例。
Cons
- 收集到的定价页面是 404，因此在所提供证据中无法确认价格和套餐详情。
- 来源仅部分记录了集成和工作流细节，因此在已收集页面中看不到某些设置和输出限制。
FAQ
Ditto 是做什么的？
Ditto 是一款开源网站克隆工具，可接受公开 URL 并返回组件化代码库。来源显示它可以输出 Next.js 或 Vite 项目，并可通过自托管流水线、托管 REST API 或 MCP 服务器使用。
我可以如何使用 Ditto？
网站显示了三种使用方式：使用 MIT 许可的源代码自托管克隆工具、向 api.ditto.site 的托管 REST API 提交任务，或连接 MCP 服务器用于代理工作流。
它会生成什么样的输出？
主页说明 Ditto 可将页面重建为干净的、组件化的 Next.js 或 Vite 代码。还提到了提取设计系统、令牌、字体、交互、动效、断点和区块。
Ditto 是确定性的吗？
主页将 Ditto 描述为确定性的，并表示它不依赖 LLM 去猜测页面结构。产品页还强调其保真输出和字节级稳定副本。
Ditto 的价格是多少？
在已收集的证据中，/pricing 页面返回了 404，因此当前提供的网站快照中没有确认的定价信息。
Quick Facts
- 类别
- 开发者工具
- 来源域名
- ditto.site
- 许可证
- MIT
- 主要输出
- 组件化的 Next.js 或 Vite 代码
- 接入方式
- 自托管、REST API、MCP 服务器
- 核心工作流
- 指向一个公开 URL 并生成克隆项目