Frontend & UI
Agent-Native Plans
Transforme des plans en texte en documents relisables, avec wireframes et prototypes.
De quoi il s’agit
Un mode de planification structuré pour agents de code. Les plans deviennent des documents parcourables, avec diagrammes en ligne, code, modèles de données, questions ouvertes et, en option, un canvas en tête ou un prototype live.
Generate rich visual plans as MDX with diagrams, API specs and zoomable wireframes, then recap what the agent did.
Pourquoi ça compte pour le design
- Les plans d’UI s’ouvrent sur des planches de wireframe, une par état visible pour l’utilisateur.
- Les relecteurs commentent des éléments ancrés au lieu de débattre dans le chat.
- Les parcours multi-étapes reçoivent un prototype manipulable à côté des maquettes statiques.
Ce que ça couvre
- When to use
- Plan discipline
- Core workflow
- Visual surface choice
- Wireframe quality
- Self-review before handoff
Comment l’installer
Agent-Native Plans
-
Clonez le dépôt.
git clone https://github.com/BuilderIO/skills -
Pointez Codex sur le fichier du skill.
skills/visual-plan/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Installez-le via la CLI Agent-Native, puis lancez la commande /visual-plan.
-
Collez un plan Codex ou Markdown existant pour servir de source.
-
Lisez les retours, corrigez le plan et vérifiez le résultat enregistré.
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-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code. 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.