Ce que contient un prompt
Un prompt est un vecteur de code, pas une description. Voici exactement ce qui atterrit dans votre presse-papiers.
C'est un vecteur de code
Le mot "prompt" induit en erreur si vous imaginez une description. Environ quatre-vingt-quinze pour cent de ce qui atterrit dans votre presse-papiers est du code source littéral. Le reste est une courte enveloppe d'instructions qui indique à l'agent où placer les fichiers et quoi installer. L'agent colle et connecte, il ne conçoit jamais, ce qui explique pourquoi le résultat est une correspondance exacte plutôt qu'une interprétation.
Ce qu'il y a dans le bloc
- Une ligne qui déclare la tâche et le SDK visé par le design.
- Les règles : reproduire à l'identique, créer chaque fichier intégralement, ne pas substituer les bibliothèques.
- Chaque fichier, mot pour mot, avec le chemin où il doit être écrit.
- La liste exacte des dépendances, installée avec npx expo install pour que les versions correspondent à votre SDK.
- Un fragment de chargement de polices pour la racine de votre app, si le design utilise des polices personnalisées.
- Des notes de configuration qui comptent vraiment : le plugin Babel de Reanimated, la vue racine de gesture-handler.
- Comment le connecter à Expo Router ou React Navigation, celui que vous avez.
La forme de l'enveloppe
You are given the task of integrating an existing React Native screen
into an Expo codebase.
RULES, non-negotiable:
- Replicate the design 1:1. Do NOT change any color, font, size, spacing,
radius, wording, or animation value. Do not adapt the design to this
project's existing theme, colors, tokens, or components.
- Create every file below IN FULL. Never abbreviate, never use placeholders.
- Do not substitute libraries.
Create this file at components/clean-settings/screen.tsx:
...Copiez le code à la place
L'onglet Code de n'importe quel design vous donne les fichiers bruts sans l'enveloppe d'instructions, pour quand vous préférez intégrer à la main. Même contenu, emballage différent.