ditto.site

Qu'est-ce que ditto.site ?

ditto.site est un cloneur de sites web open-source et déterministe. Pointez-le vers n'importe quelle URL publique et, en quelques minutes, vous recevez une copie fidèle sous forme de code Next.js ou Vite propre et composantisé. Contrairement aux outils qui reposent sur des résultats imprévisibles de LLM, ditto est entièrement déterministe — ce qui signifie que chaque clone est rapide, économique et cohérent. Il extrait les composants, les tokens de design, les interactions, les états de survol, et bien plus encore, vous offrant une véritable base de code sur laquelle vous pouvez construire immédiatement.

À qui s'adresse-t-il

• Les créateurs d'applications IA — qui ont besoin d'un point de départ fidèle et basé sur du code réel pour chaque nouveau client, plutôt qu'une page blanche.
• Les développeurs migrant ou redessinant des sites — qui souhaitent capturer un site web existant sous forme de composants typés et maintenables, plutôt que de repartir de zéro.
• Les ingénieurs en agents et automatisation — qui veulent intégrer un outil de clonage dans Claude, Cursor ou leur propre boucle de construction via le serveur MCP.

Fonctionnalités clés

Moteur de clonage déterministe

Ditto ne pointe pas un LLM vers votre site en espérant le meilleur. Le pipeline entièrement déterministe fournit des résultats rapides, stables et cohérents à chaque fois. Vous obtenez un résultat 100 % reproductible avec une haute fidélité — pas de surprises, pas d'hallucinations.

Sortie composantisée

Le DOM répété est divisé en composants, les régions de page propres deviennent des sections, et un modèle de contenu modifiable est extrait. Le résultat est un véritable projet avec du code typé et tokenisé — pas un seul fichier géant. Les états de survol, les menus déroulants, les accordéons et les animations déclaratives sont tous préservés.

Trois modes d'intégration

Utilisez le même moteur déterministe selon vos préférences. Hébergez vous-même l'ensemble du pipeline avec la version open-source sous licence MIT, appelez l'API REST hébergée avec un simple workflow POST-et-interrogation, ou connectez le serveur MCP à n'importe quel agent pour un clonage automatisé dans votre boucle de construction.

Flexibilité du framework et du style

Choisissez entre Next.js ou Vite comme framework de sortie, et Tailwind v4 ou CSS pur pour le style. Ditto prend en charge les routes à page unique et multi-pages, et tout est émis en TypeScript par défaut.

Ce qui se démarque

"C'est la première étape parfaite pour les créateurs d'applications IA : offrir à chaque nouveau client un point de départ fidèle et basé sur du code réel, plutôt qu'une page blanche."

La plupart des outils de clonage produisent un résultat désordonné et difficile à maintenir, ou reposent sur une IA imprévisible. L'approche déterministe de Ditto vous garantit une base de code propre et composantisée à chaque fois — avec des tokens de design, des polices, des interactions et des points de rupture extraits automatiquement. C'est assez rapide pour être utilisé dans des workflows en temps réel et assez économique pour être exécuté à grande échelle.

À considérer si…

Vous créez des applications basées sur l'IA et avez besoin d'un moyen fiable de cloner des sites web réels comme modèles de départ, ou vous souhaitez migrer un site existant vers un framework moderne sans retravail manuel. Ditto est également idéal si vous automatisez des workflows avec des agents et avez besoin d'un outil de clonage déterministe et open-source que vous pouvez héberger vous-même ou appeler via API.