ditto.site.

Ditto.site

Dittoは、任意のWebサイトをわずか5分でクリーンかつコンポーネント化されたNext.jsまたはViteのコードに変換する、オープンソースの決定論的Webサイトクローナーです。LLMを使った不確実な変換ではなく、高速で安定した一貫性のある出力を保証し、デザインシステムやトークン、フォント、アニメーション、ブレークポイントまで自動抽出します。

製品の特徴

• 決定論的な変換: LLMに任せて結果を祈るのではなく、再現性のある安定した出力を実現。毎回同じ高品質なコードが生成されます。
• コンポーネント化された構造: 巨大な単一ファイルではなく、再利用可能なコンポーネントに分割。セクション分離、編集可能なコンテンツモデル、型付きコードを出力します。
• デザインシステムの自動抽出: カラートークン、タイポグラフィ、アニメーション、インタラクション、レスポンシブレイアウトを自動認識し、再利用可能な形でコード化します。
• 3つの利用形態: セルフホストできるオープンソース版、インフラ不要のホステッドAPI、ClaudeやCursorと連携可能なMCPサーバーを提供します。
• SEO対応の完全実装: メタデータ、JSON-LD、サイトマップ、Webフォントを含む、検索エンジン最適化されたコードを自動生成します。

活用シーン

• AIアプリビルダーの基盤: 新規顧客に空白のキャンバスではなく、忠実な実コードの出発点を提供し、開発スピードを劇的に向上させます。
• 既存サイトのモダン化: レガシーなWebサイトをNext.jsまたはViteのモダンスタックに移行し、保守性とパフォーマンスを向上させます。
• デザインシステムの構築: 既存サイトからデザイントークンやコンポーネントライブラリを抽出し、組織内での再利用を促進します。

対象ユーザー

フロントエンド開発者、プロダクトデザイナー、AIエージェントを活用した開発者、および既存サイトのコード化・モダン化を求めるスタートアップや企業の技術チーム向けです。MITライセンスで完全無料かつセルフホスト可能なため、個人開発から大規模プロジェクトまで幅広くご利用いただけます。