Frontend & UI
imagegen-frontend-mobile
Génère des parcours d’écrans d’app mobile premium en images, pas en code.
De quoi il s’agit
Un skill exclusivement image pour les concepts et parcours d’écrans mobiles, sur iOS, Android et produits cross-platform. Il présente les écrans dans des mockups de téléphone épurés et n’écrit jamais de code.
Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-platform mobile products. Prioritizes clean hierarchy, comfortably readable text, s
Pourquoi ça compte pour le design
- Les écrans respectent les zones sûres et les régions système, au lieu de ressembler à des sites web dans un téléphone.
- Une bible de design verrouillée garde palette, typo et icônes cohérentes sur chaque écran.
- Les jeux multi-écrans forment un parcours crédible, pas des mockups isolés sans lien.
Ce que ça couvre
- Platform mode rule
- Generate enough screens rule
- App design bible rule
- Safe area and system region rule
- Device mockup frame rule
- Text size and readability rule
Comment l’installer
imagegen-frontend-mobile
-
Clonez le dépôt.
git clone https://github.com/Leonxlnx/taste-skill -
Pointez Codex sur le fichier du skill.
skills/imagegen-frontend-mobile/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Indiquez la catégorie d’app et le nombre d’écrans ; chaque écran devient sa propre image.
-
Le skill choisit d’abord un mode de plateforme : iOS, Android, ou cross-platform neutre.
-
Demandez-lui de régénérer tout écran où le texte est petit ou le cadrage inégal.
Chaque plugin présenté ici est gratuit, open source, et renvoie à sa vraie source amont.
En savoir plus sur la liste codex-design ↗Autres plugins design pour Codex
Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. 
Design systems Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques. 
Frontend & UI Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant. 
Frontend & UI Ce qu’il fait imagegen-frontend-web Génère une image de référence horizontale par section de landing page. Prochaine étape
Designez avec Open Design, sans la config
Installez ce plugin vous-même, ou faites tourner toute une couche design sélectionnée autour de Codex avec Open Design. Apportez votre clé, gardez la main sur ce que vous produisez.