Frontend & UI
UI-UX Pro Max · Slides
Construit des decks de présentation en HTML avec Chart.js et des patterns de mise en page.
De quoi il s’agit
Un petit skill d’aiguillage pour les présentations HTML stratégiques. Il analyse une sous-commande, puis charge des fichiers de référence couvrant les patterns de mise en page, un template HTML, des formules de copywriting et des stratégies de slide.
Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.
Pourquoi ça compte pour le design
- Les slides sont en HTML : typo et espacement suivent de vrais design tokens.
- Chart.js gère les slides de données : les chiffres restent vivants au lieu d’images collées.
- Les patterns de mise en page sont pris dans un jeu défini, gardant le deck cohérent.
Ce que ça couvre
- When to use
- Subcommands
- References
- Routing
Comment l’installer
UI-UX Pro Max · Slides
-
Clonez le dépôt.
git clone https://github.com/nextlevelbuilder/ui-ux-pro-max-skill -
Pointez Codex sur le fichier du skill.
cli/assets/skills/slides/SKILL.md -
Décrivez ensuite l’interface voulue. Codex suit le skill.
Comment le faire tourner avec Codex
-
Invoquez-le avec la sous-commande create, plus un sujet et un nombre de slides.
-
Il charge references/create.md et suit ce workflow de création.
-
Il puise patterns de mise en page et formules de copywriting dans les fichiers de référence.
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.