ditto.site

ditto.site 是一款强大的网站克隆工具，能够将任意公开 URL 快速转换为干净、组件化的 Next.js 或 Vite 代码。它采用完全确定性的算法，确保每次克隆结果一致、快速且成本低廉。无论是组件结构、设计令牌、交互逻辑还是悬停状态，都能被忠实还原。

核心功能

• 一键克隆：输入目标网址，几分钟内即可获得可运行的代码副本。
• 组件化输出：自动将页面拆分为可复用的 React 组件，便于二次开发。
• 状态保留：交互状态（如 hover、点击）和动画效果被完整保留。
• 设计系统提取：自动识别并提取颜色、字体、间距等设计令牌。

主要特性

• 免费开源：完全免费，代码开源，可自托管或使用公共 API。
• 确定性输出：相同输入始终生成相同代码，适合自动化工作流。
• 多框架支持：支持输出为 Next.js 或 Vite 项目结构。
• REST API + MCP 服务器：提供免费 REST API 和 MCP 服务器，方便集成到其他工具。
• 高保真度：克隆结果与原始网站视觉一致，代码质量高。

适用场景

• 快速原型开发：从现有网站克隆代码作为起点，加速项目启动。
• 学习与参考：分析优秀网站的组件结构和样式实现。
• 网站迁移：将旧网站克隆为现代框架代码，便于维护和扩展。
• 自动化测试：批量克隆页面用于视觉回归测试或内容抓取。