Ditto
5 分で任意のウェブサイトをコンポーネント化された Next.js または Vite のコードに変換する、オープンソースの決定論的ウェブサイトクローンツール。
Dittoについて
Ditto はオープンソースの決定論的なウェブサイトクローンツールです。任意のウェブサイトを指定すると、5 分でクリーンでコンポーネント化された Next.js または Vite のコードを取得できます。公式には、大規模言語モデルの運任せにせず、高速で安定した一貫性のある出力を生成し、デザインシステム、トークン、フォント、インタラクション、アニメーション、ブレークポイント、ページセクションを抽出すると説明されています。成果物は TypeScript を使い、スタイルは Tailwind v4 または CSS、ルーティングはシングルページとマルチページに対応します。パイプライン全体のセルフホストに加え、ホステッド REST API で URL の送信、完了までのポーリング、プロジェクトの取得、進捗のリアルタイム確認ができます。MCP サーバーも備え、Claude、Cursor、自分のビルドプロセスに接続できます。MIT ライセンスで、ページ上の価格は $0 です。
おすすめの利用者
最適な利用シーン
既存のウェブサイトをクリーンでコンポーネント化された Next.js または Vite プロジェクトにクローン
AI アプリケーションの新規ユーザーに実際のコードの出発点を提供
REST API でウェブサイトのクローンを自動化ワークフローに接続
Claude や Cursor などのエージェントからクローン機能を直接呼び出し
機能
決定論的なクローン
大規模言語モデルの運任せにせず、5 分でクリーンでコンポーネント化された Next.js または Vite のコードを生成
デザインシステム抽出
デザインシステム、トークン、フォント、インタラクション、アニメーション、ブレークポイント、ページセクションを抽出
REST API
URL を送信し、完了までポーリングしてプロジェクトを取得。スクレイピング、生成、検証の進捗をリアルタイムで確認
MCP サーバー
Claude、Cursor、自分のビルドプロセスにクローン機能を接続し、任意のエージェントから呼び出し可能
長所
- 高速で安定した一貫性のある決定論的な出力
- クリーンでコンポーネント化された Next.js または Vite のコードを生成
- MIT ライセンスの完全なオープンソースで、パイプライン全体をセルフホスト可能
- エージェントワークフローに統合しやすい REST API と MCP サーバーを提供