D
Ditto
開放原始碼的確定性網站複製工具，五分鐘內將任何網站轉為元件化的 Next.js 或 Vite 程式碼。
free
最後更新 2026/9/11
關於 Ditto
Ditto 是開放原始碼的確定性網站複製工具，將任何網站交給它，五分鐘內即可取得乾淨、元件化的 Next.js 或 Vite 程式碼。官方表示它不靠大型語言模型碰運氣，能快速、穩定且一致地產出結果，並擷取設計系統、權杖、字型、互動、動效、斷點與頁面區塊。產物使用 TypeScript，樣式支援 Tailwind v4 或 CSS，路由支援單頁與多頁。除了自架完整流程，也可使用託管 REST API：提交 URL、輪詢任務完成、擷取專案，並即時查看進度。它還提供 MCP 伺服器，可接入 Claude、Cursor 或自有建置流程；採用 MIT 授權，頁面標價為 $0。
適合人群
前端開發者
AI 應用程式與智慧代理開發者
需要為使用者提供實際程式碼起點的網站團隊
適合場景
將現有網站複製成乾淨、元件化的 Next.js 或 Vite 專案
為 AI 應用程式的新使用者提供實際程式碼起點
透過 REST API 將網站複製接入自動化流程
讓 Claude、Cursor 等智慧代理直接呼叫複製能力
功能特性
確定性複製
不靠大型語言模型碰運氣，五分鐘內產出乾淨、元件化的 Next.js 或 Vite 程式碼
設計系統擷取
擷取設計系統、權杖、字型、互動、動效、斷點與頁面區塊
REST API
提交 URL、輪詢任務直到完成、擷取專案，即時查看擷取、產生與驗證進度
MCP 伺服器
將複製能力接入 Claude、Cursor 或自有建置流程，供任何智慧代理呼叫
優點
- 確定性輸出，快速、穩定且一致
- 產生乾淨、元件化的 Next.js 或 Vite 程式碼
- MIT 開放原始碼，可自架完整流程
- 提供 REST API 與 MCP 伺服器，方便整合智慧代理工作流程
常見問題
不收費。官方頁面標價為 $0，並寫道「It's free lol go crazy」。專案採用 MIT 授權、完全開放原始碼，可自架完整流程，也可使用託管 API。
它會產生乾淨、元件化的 Next.js 或 Vite 程式碼，使用 TypeScript 撰寫，樣式支援 Tailwind v4 或 CSS，路由支援單頁與多頁，還會擷取設計系統、權杖、字型、互動、動效、斷點與頁面區塊。
工具資訊
開發商Ditto
釋出日期2026/9/11
定價模式free