Prérequis
Ce dont votre projet a besoin avant qu'un prompt ne s'intègre proprement, et comment en créer un si vous n'avez rien.
Ce dont votre projet a besoin
Très peu, volontairement. Les designs sont autonomes : chacun apporte ses propres couleurs, espacements et typographie plutôt que de les lire depuis un thème, donc il n'y a aucun système de design à installer d'abord.
| Prérequis | Pourquoi |
|---|---|
| Expo SDK 52 ou ultérieur | Les versions contre lesquelles chaque design est testé. Des SDK plus anciens peuvent fonctionner mais ne sont pas vérifiés. |
| TypeScript | Chaque design est livré en .tsx. Un projet JavaScript devra retirer les types à la main. |
| Un agent de code IA | Claude Code, Cursor, Windsurf, ou tout agent qui accepte un prompt collé. |
Si vous n'avez pas encore de projet
Le prompt en créera un pour vous, mais vous pouvez le faire vous-même d'abord si vous préférez :
npx create-expo-app@latest my-app --template blank-typescript
cd my-app
npx expo startCe que le prompt installe
Chaque design déclare uniquement ce qu'il importe réellement, et le prompt utilise npx expo install plutôt que npm install pour que les versions correspondent à votre SDK plutôt que de récupérer la toute dernière. La liste complète pour chaque design est sur sa page sous "Ce qui est inclus".
- Presque tout utilise Reanimated pour le mouvement et safe-area-context pour les marges sûres.
- Les icônes viennent de Phosphor, les images de expo-image.
- Les polices viennent des paquets Expo Google Fonts, chargées une fois à la racine de votre app.
Reanimated a besoin d'une ligne de configuration
Son plugin Babel doit être le dernier dans le tableau plugins de babel.config.js. Si les animations ne font rien après un collage, c'est presque toujours pour ça. Le dépannage couvre la correction.