Recréez le design d'un site avec l'IA, à partir de ses vrais tokens

Pourquoi une capture d'écran ne suffit pas

Les modèles de vision sont bons en mise en page et mauvais en valeurs exactes. Demandez-leur de refaire une page depuis une capture : ils estiment les couleurs à partir de pixels compressés, choisissent une police par défaut et inventent une échelle d'espacement. Le résultat ressemble, sans être juste. Donner au modèle les vrais tokens supprime les approximations.

Ce que contient le prompt IA

L'export prompt IA est un bloc markdown écrit pour qu'un modèle le suive, pas seulement le lise :

• Les rôles de couleur sémantiques — primary, background, foreground, muted, border — avec les vraies valeurs hex et leur usage.
• Les échelles de typographie, de radius, d'ombres et d'espacement.
• Un bloc CSS de variables prêt à coller.
• Des règles explicites comme « utilise bg-primary, jamais bg-[#2563eb] », pour que le code généré référence les tokens au lieu de coder les valeurs en dur.

AGENTS.md pour les agents de code

Un prompt sert une fois. Les agents de code comme Claude Code et Cursor lisent un fichier AGENTS.md à la racine du dépôt à chaque session. L'export AGENTS.md de Design Snap (PRO) y écrit votre design system, avec une section Out of scope qui liste ce que l'agent ne doit pas inventer. Les valeurs complétées par un repli sont signalées comme telles : un agent ne confond jamais une valeur par défaut avec une couleur de marque.

Empruntez le système, pas la marque

« Copier le design d'un site » devrait vouloir dire apprendre de son système — la structure de la palette, l'échelle typo, la retenue des ombres — puis vous l'approprier. Changez les teintes, remplacez les polices, gardez la rigueur. Ne reprenez pas le logo, les illustrations, les textes ou l'identité visuelle déposée d'une autre entreprise.