En bref
Sert pour une nouvelle application front, un tableau de bord, un jeu, un site créatif, une section héro, ou une interface visuellement ambitieuse, créée de zéro, ou lorsqu’on demande explicitement une refonte, un restyle ou une modernisation. Le travail part d’un concept visuel généré en images, aéré, lisible et de bon goût, avec des références propres à chaque section, une implémentation fidèle, et des tests dans le navigateur. On doit agir d’abord comme un designer front, puis comme un ingénieur qui implémente une spécification de design acceptée, et ne pas s’arrêter tant que le design accepté n’est pas fidèlement rendu.
Ce que ça fait
- Part d’un concept visuel généré, puis l’implémente fidèlement
- Cible apps, tableaux de bord, sites créatifs, sections héro et refontes
Pour qui, et un exemple
Les personnes qui veulent une interface nouvelle ou une refonte visuellement soignée, avec un concept d’abord validé, puis du code fidèle.
Exemple de demande : « Concevoir d’abord le visuel de ce tableau de bord, puis implémente-le fidèlement et teste-le dans le navigateur. »
On y fait appel pour une nouvelle application front, un tableau de bord, un jeu, un site créatif, une section héro, ou une refonte ou modernisation explicitement demandée. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.
Installer
Dans Codex : codex plugin add build-web-apps@openai-curated (marketplace officielle du dépôt).
codex plugin add build-web-apps@openai-curatedFonctionne avec
- Codex
Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.
Niveau : Intermédiaire
Suppose un projet déjà en place chez l’éditeur et les outils décrits dans le SKILL.md.
À savoir
Extrait du SKILL.md
La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :
Use for new frontend applications, dashboards, games, creative websites, hero sections, and visually driven UI from scratch, or when the user explicitly asks for a redesign/restyle/modernization. Builds from clean, airy, high-taste, readable image-generated concept design with section-specific references, faithful implementation, and browser testing.
Citée depuis le SKILL.md au commit 789aa61 . Le dossier contient aussi 2 fichiers annexes (agents/, references/).
Le SKILL.md compte 180 lignes et 12 sections principales :
- Core Standard
- Hard Rules
- Coordinate With Other Installed Skills
- Image Gen Workflow
- Design Quality Bar
- Visual Direction Defaults
- Concept Review Mode
- Before Coding
- Implementation
- Verification
- Surface Gates
- Final Response
Licence : Aucune licence trouvée
Vérifiée le 10 novembre 2026 sur : aucun fichier de licence dans le dossier ni à la racine du dépôt.
Aucune licence trouvée : extrait court cité uniquement (droit de courte citation). Pour le texte complet, consultez la source.
Commentaires.
Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.
Commentaires publiés
Chargement des commentaires…
Laisser un commentaire
Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.