ditto.site

ditto.siteとは？

ditto.siteは、オープンソースの決定論的ウェブサイトクローナーです。任意の公開URLを指定すると、数分以内にNext.jsまたはViteのクリーンでコンポーネント化されたコードとして忠実なコピーを受け取ることができます。予測不可能なLLMの出力に依存するツールとは異なり、dittoは完全に決定論的です。つまり、すべてのクローンは高速で低コスト、かつ一貫性があります。コンポーネント、デザイントークン、インタラクション、ホバー状態などを抽出し、すぐに開発に活用できる実際のコードベースを提供します。

対象ユーザー

• AIアプリビルダー — 新しい顧客ごとに白紙の状態ではなく、忠実で実際のコードからなる出発点を必要とする方。
• サイトの移行やリデザインを行う開発者 — 既存のウェブサイトをゼロから作り直すのではなく、保守可能な型付きコンポーネントとして取得したい方。
• エージェントおよび自動化エンジニア — MCPサーバーを介して、クローンツールをClaude、Cursor、または独自のビルダーループに組み込みたい方。

主な機能

決定論的クローンエンジン

DittoはLLMをサイトに向けて結果を期待するようなことはしません。完全に決定論的なパイプラインにより、毎回高速で安定した一貫性のある出力を提供します。100%再現可能な結果を高い忠実度で得られます。驚きや幻覚（ハルシネーション）はありません。

コンポーネント化された出力

繰り返されるDOMはコンポーネントに分割され、クリーンなページ領域はセクションになり、編集可能なコンテンツモデルが抽出されます。結果は、型付けされトークン化されたコードからなる実際のプロジェクトであり、巨大な1ファイルではありません。ホバー状態、ドロップダウンメニュー、アコーディオン、宣言的モーションはすべて保持されます。

3つの統合モード

好みに応じて、同じ決定論的エンジンをさまざまな方法で使用できます。MITライセンスのオープンソース版でパイプライン全体をセルフホストするか、シンプルなPOST＆ポールワークフローでホスト型REST APIを呼び出すか、MCPサーバーを任意のエージェントに配線して、ビルドループ内で自動クローンを実行します。

フレームワークとスタイリングの柔軟性

出力フレームワークとしてNext.jsまたはViteを選択でき、スタイリングにはTailwind v4またはプレーンCSSを選択できます。Dittoはシングルページおよびマルチページルートをサポートし、デフォルトですべてTypeScriptで出力されます。

特筆すべき点

「これはAIアプリビルダーにとって完璧な最初のステップです。新しい顧客ごとに白紙の状態ではなく、忠実で実際のコードからなる出発点を提供します。」

ほとんどのクローンツールは、乱雑で保守が難しい出力を生成するか、予測不可能なAIに依存しています。Dittoの決定論的アプローチにより、毎回クリーンでコンポーネント化されたコードベースを取得できます。デザイントークン、フォント、インタラクション、ブレークポイントは自動的に抽出されます。リアルタイムのワークフローで使用できるほど高速で、大規模に実行できるほど低コストです。

こんな方におすすめ

AIを活用したアプリを構築しており、実際のウェブサイトを信頼性高くクローンしてテンプレートとして使用する必要がある方、または既存のサイトを手作業で作り直すことなくモダンなフレームワークに移行したい方。また、エージェントを使ったワークフローを自動化しており、セルフホストまたはAPI経由で呼び出せる決定論的でオープンソースのクローンツールが必要な方にも最適です。