Ditto icon

Ditto

Ditto 是一款开源网站克隆工具,可将公开 URL 转为组件化的 Next.js 或 Vite 代码,为开发者和 AI 构建者提供稳定、可维护的起点。

Ditto

Ditto 是什么

Ditto 是一款开源网站克隆工具,可将公开 URL 转为字节稳定的代码库。该产品围绕确定性重建展开:它不是让 LLM 去猜测布局,而是力求生成稳定、组件化的 Next.js 或 Vite 输出,保留原网站的结构和还原度。

主页将 Ditto 描述为适合 AI 应用构建者、重建页面的团队,以及希望获得可维护项目而非扁平导出的开发者。它还说明该流水线会将设计系统、tokens、字体、交互、动效、断点、区块和可编辑内容提取到真实项目文件中。

核心能力

确定性网站克隆

将 Ditto 指向一个公开 URL,它会返回一个字节稳定的副本,旨在保留还原度,而不是随意补全缺失部分。

组件化代码输出

输出被描述为干净、组件化的 Next.js 或 Vite 代码,因此结果是一个真实的项目结构,而不是一个庞大的生成文件。

设计与布局提取

网站说明 Ditto 会从源页面提取设计系统、tokens、字体、交互、动效、断点和区块。

托管 REST API

托管 API 支持简单的 POST 后轮询流程,并在捕获、生成和验证运行时提供作业事件。

面向代理的 MCP 服务器

文档中提供了面向代理工作流的 MCP 服务器示例,可接入 Claude 或 Cursor 等工具。

开源自托管

该项目采用 MIT 许可证并开源,主页还展示了自托管的命令行工作流。

Ditto 的常见用法

  • 从现有网站生成新项目种子

    当你需要为新应用或落地页寻找忠实起点,并希望在真实代码中保留源站的视觉结构时,可以使用 Ditto。

  • 将网站重构为可维护组件

    重建或现代化公开网站的团队可以使用组件化输出,将区块、tokens 和可复用 UI 分离,而不是手工复制 HTML。

  • 在代理工作流中自动化克隆

    使用代理或内部工具的构建者可以连接 MCP 服务器,让助手将克隆操作作为更大构建流程的一部分来触发。

  • 自托管并扩展流水线

    偏好运行自有基础设施的开发者可以自托管该流水线、检查代码,并将其适配为本地使用或参与贡献。

  • 使用托管 API 替代本地基础设施

    如果你只需要受管理的工作流,托管 REST API 允许你提交 URL、跟踪作业,并在无需自行运行克隆工具的情况下获取生成的项目。

Pros and Cons

Pros

  • 强调确定性输出,这应能降低 LLM 生成网站克隆时的不确定性。
  • 代码输出按组件、区块、样式和可编辑内容文件组织,相比单页生成更易维护。
  • 用户可根据工作流选择自托管、托管 REST API 或 MCP 服务器。
  • 该项目采用 MIT 许可证并开源,因此流水线可供检查和修改。
  • 托管 API 文档展示了明确的请求与作业流程,包括克隆处理期间的事件流。

Cons

  • 收集到的定价页面 URL 返回 404,因此在所提供的证据中,价格和方案细节并未得到清晰说明。
  • 来源中展示的最强实现细节主要针对公开 URL 和托管 API;更广泛的平台、身份验证或企业部署限制并未明确说明。
  • 虽然存在一些集成引用,但证据并未提供完整的兼容性矩阵或针对每种工作流的设置指南。

FAQ

Ditto 可以如何使用?

Ditto 可作为开源自托管克隆工具使用,也可通过托管 REST API 使用。网站还为代理工作流提供了 MCP 服务器文档。

Ditto 会输出什么?

主页说明 Ditto 接受公开 URL,并生成干净、组件化的 Next.js 或 Vite 代码。它被描述为确定性驱动,而不是由 LLM 驱动。

支持哪些框架和样式选项?

网站展示的源内容强调 Next.js 和 Vite,并在重建输出中提到 Tailwind v4 和 CSS。托管 API 示例还显示了 Next.js 和 Tailwind 配置。

Ditto 是免费还是付费?

在收集到的证据中,定价页面 URL 返回 404,因此该页面没有清楚说明价格。主页表示 Ditto 采用 MIT 许可证并开源,同时也提供带 API key 流程的托管 API。

Ditto 适合谁?

网站说明 Ditto 面向公开 URL,并且可以提取设计系统、tokens、字体、交互、动效、断点和区块。它定位为生成忠实代码,而不是宽松的视觉近似。

Quick Facts

类别
开发者工具
主要任务
将公开网站克隆为组件化代码
输出
Next.js 或 Vite 项目代码
许可证
MIT
访问方式
自托管 CLI、托管 REST API、MCP 服务器
源域名
ditto.site