Prompts Lovable pour le design : ce qui fonctionne, ce qui dérive et pourquoi

Les collections de prompts Lovable populaires sont testées sur des fonctionnalités, où le succès est binaire : le flux d'authentification existe ou n'existe pas. Les prompts de design sont jugés de la même manière (« est-ce que la page a changé ? »), et selon ce test, « utilise un thème sombre moderne avec des accents vibrants » réussit. La page a changé. Ce que personne ne vérifie, c'est le cinquième écran, où l'accent vibrant a glissé vers un indigo-500 et le thème sombre a repris la rampe de gris slate par défaut, car l'instruction se trouvait dans une conversation qui n'a cessé de s'allonger. Ce glissement a un nom, le design drift, et les prompts à adjectifs en sont la source principale.

Il est important d'être précis sur le mécanisme : Lovable n'ignore pas les instructions de style, il les *approxime*, et les approximations se cumulent. « Chaleureux » devient un chaleureux légèrement différent à chaque génération. Une valeur hexadécimale ne peut pas dériver : c'est soit #b45309, soit ça ne l'est pas. C'est tout le secret des prompts qui tiennent : remplacer chaque adjectif par une valeur.

Un prompt de design Lovable durable comporte cinq parties. S'il en manque une, le modèle comble le vide avec les valeurs par défaut, ce qui conduit à des applications semi-distinctives, un résultat pire que n'importe lequel des deux extrêmes.

1. Ligne d'autorité. Une phrase déclarant que le système ci-dessous est l'unique source de vérité, et interdisant l'invention de couleurs ou de polices. Sans elle, les prompts de fonctionnalités ultérieurs prennent le pas sur le contexte de design.
2. Design tokens de couleur complets, pour les deux modes. Rôles sémantiques (background, primary, muted-foreground…) avec des valeurs exactes pour le mode clair *et* sombre. Omettre le mode sombre délègue l'intégralité du second thème aux valeurs par défaut.
3. Un duo de polices nommé avec attribution. Quelle famille pour les titres, laquelle pour le corps de texte, et quels graisses sont disponibles. « Utilise de belles polices » produit du Inter.
4. Valeurs d'échelle. Échelle typographique, espacements, rayons de bordure. Ce sont les indices qui trahissent une application construite avec les paramètres par défaut plus rapidement que la couleur.
5. Règles : les interdits et les impératifs. Une poignée de prohibitions (« pas de dégradés violets, pas d'icônes emoji, pas de rayons uniformes ») ainsi que les motifs qui rendent le design reconnaissable.

Make the app look modern and premium, with a dark theme
and vibrant accent colors. Less generic please.

Use #0c0a09 as the app background and #fbbf24 as the primary
accent. Headings in Fraunces (600), body in Inter. Border
radius 2px everywhere. No gradients.

Use the design system below for everything you build in this
project. It is the single source of truth for color, typography,
spacing, and visual style. Do not invent your own palette,
fonts, or component styling.

[ …the kit's full DESIGN.md: 28 semantic tokens in light and
dark, the font pairing, type scale, spacing, radius, shadows,
motifs, do's and don'ts… ]

La troisième structure n'est pas pratique à écrire à la main : un vrai système représente plusieurs centaines de décisions. C'est la raison réelle pour laquelle le design par prompting stagne. Un prompt de design durable s'avère être un document, et personne ne veut taper un document dans une boîte de chat. C'est pourquoi nous livrons chaque kit sous forme de document : parcourez la galerie de thèmes Lovable, choisissez un kit, copiez son prompt, collez-le une fois.

1. 1

   Pour partir de zéro : collez-le comme premier message

   Collez le prompt de design complet avant de décrire toute fonctionnalité, afin que la toute première génération soit déjà conforme au système. Adapter un système à une application construite sur des valeurs par défaut coûte plusieurs cycles de correction.

2. 2

   Pour tout projet durable : déplacez-le dans Knowledge

   Settings → Knowledge est un contexte permanent : il s'applique à chaque génération sans être renvoyé, ce qui en fait le refuge idéal contre la dérive. Le contexte du chat vieillit ; Knowledge, non.

3. 3

   Quand la dérive apparaît malgré tout : pointez le système, pas le symptôme

   Dites « suis le design system pour le style de la carte » plutôt que de redécrire la carte. Redécrire crée une seconde vérité légèrement différente ; pointer réancre la vérité originale.