Frontend & UI Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous. Sélection éditoriale
Les plugins design qui font livrer à Codex de vraies interfaces
OpenAI Codex écrit du code qui fonctionne. Livré à lui-même, il retombe sur des polices sans risque, des espacements moyens et du Helvetica centré. Voici les plugins qui lui donnent du goût : des skills esthétiques et des règles de design system. Installez-en un, ou faites-les tourner tous dans Open Design.
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. 
Frontend & UI Ce qu’il fait imagegen-frontend-web Génère une image de référence horizontale par section de landing page. 
Frontend & UI Ce qu’il fait minimalist-ui Construit des interfaces éditoriales monochromes et chaudes, avec des grilles bento plates. 
Frontend & UI Ce qu’il fait design-taste-frontend Lit le brief, choisit une direction, livre des interfaces sans effet de gabarit. 
Design systems Ce qu’il fait industrial-brutalist-ui Construit des interfaces rigides façon print suisse ou terminal CRT, avec un grain analogique. 
Frontend & UI Ce qu’il fait redesign-existing-projects Audite un site existant et le fait progresser sans casser ses fonctionnalités. 
Design systems Ce qu’il fait brandkit Génère des planches de charte graphique, systèmes de logo et decks d’identité en images. 
Frontend & UI Ce qu’il fait high-end-visual-design Bloque les défauts génériques de l’IA et impose une mise en page et un mouvement dignes d’une agence. 
Frontend & UI Ce qu’il fait pick-ui-library Associe une tâche frontend à un seul choix de bibliothèque, sélectionné et assumé. 
Frontend & UI Ce qu’il fait apple-design Les principes d’interface fluide d’Apple traduits en ressorts et gestes pour le web. 
Frontend & UI Ce qu’il fait animation-vocabulary Transforme une description floue de mouvement en son terme technique exact. 
Frontend & UI Ce qu’il fait emil-design-eng Les règles d’Emil Kowalski pour le timing d’animation, l’easing et la finition des composants. 
Design systems Ce qu’il fait UI-UX Pro Max · Design Un point d’entrée unique qui aiguille le travail de logo, d’identité, de slides, de bannière et d’icône. 
Frontend & UI Ce qu’il fait UI-UX Pro Max · Banner Design Conçoit des bannières aux bonnes dimensions en HTML, puis les exporte en PNG. 
Frontend & UI Ce qu’il fait UI-UX Pro Max · UI Styling Construit des interfaces accessibles avec des composants shadcn et des utilitaires Tailwind. 
Design systems Ce qu’il fait UI-UX Pro Max · Brand Garde la charte de marque, les design tokens et les assets synchronisés. 
Frontend & UI Ce qu’il fait UI-UX Pro Max · Slides Construit des decks de présentation en HTML avec Chart.js et des patterns de mise en page. 
Design systems Ce qu’il fait UI-UX Pro Max · Design System Design tokens à trois couches, specs de composant et génération de slides conforme aux tokens. 
Frontend & UI Ce qu’il fait design-skills · Editorial Mise en page magazine en serif Gelasio sur une grille stricte de 8pt. 
Frontend & UI Ce qu’il fait design-skills · Terracotta Accent argile sur crème, titres DM Serif Display, lecture au long cours. 
Frontend & UI Ce qu’il fait design-skills · Dithered Ombrage en motif de points et palette réduite pour des écrans rétro, très contrastés. 
Frontend & UI Ce qu’il fait design-skills · Neumorphism Surfaces extrudées douces en gris pierre, typo Space Mono. 
Frontend & UI Ce qu’il fait design-skills · Bento Grille de blocs variés sur crème, typo Inter, échelle compacte. 
Frontend & UI Ce qu’il fait design-skills · Claymorphism Formes 3D rebondies et arrondies, titres Poppins, bleu sur blanc. 
Frontend & UI Ce qu’il fait design-skills · Brutalism Mises en page inspirées du béton brut, titrage Darker Grotesque, rouge et ocre. 
Frontend & UI Ce qu’il fait Hallmark Un flux de design anti-générique avec 58 portes et une variété structurelle imposée. 
Frontend & UI Ce qu’il fait Impeccable Une vingtaine de commandes pour construire, critiquer et affiner des interfaces frontend. 
Design systems Ce qu’il fait Design DNA Extrait un design de référence en JSON structuré, puis génère à partir de lui. 
Design systems Ce qu’il fait Material 3 Implémentez Material Design 3 de Google sur Compose, Flutter et le web. 
Frontend & UI Ce qu’il fait Details that make interfaces feel better Seize règles concrètes de finition UI avec une checklist de revue. 
Frontend & UI Ce qu’il fait Agent-Native Plans Transforme des plans en texte en documents relisables, avec wireframes et prototypes. 
Design systems Ce qu’il fait Kami Compose CV, livres blancs, decks et landing pages sur un même langage de design. 
Frontend & UI Ce qu’il fait Border Gradients Ajoute un bord en dégradé soigné aux cartes, modales et surfaces hero. 
Frontend & UI Ce qu’il fait Masked Reveal Révèle les titres mot à mot via un masque de débordement au scroll. 
Frontend & UI Ce qu’il fait Framed Grid Layout Construit des mises en page éditoriales précises avec des cadres fins et des équerres d’angle. 
Frontend & UI Ce qu’il fait Container Lines Trace de discrètes lignes de repère verticales aux bords de votre conteneur de contenu. 
Frontend & UI Ce qu’il fait Skeuomorphic UI Donne aux boutons et panneaux une profondeur tactile avec dégradés et ombres en couches. 
Design systems Ce qu’il fait Beautiful Shadows Trois utilitaires d’ombre Tailwind prêts à l’emploi pour une élévation neutre en couches. 
Frontend & UI Ce qu’il fait Dither Background Fond canvas avec un tramage Bayer 4x4 visible et des pixels carrés. 
Frontend & UI Ce qu’il fait WebGL Laser Un faisceau shader plein écran, cœur incandescent et brume teintée aux couleurs de la marque. 
Design systems Ce qu’il fait Mesh Gradient Dark Blue Clean Un système bleu marine quasi noir avec un champ mesh dans une coque hero. 
Frontend & UI Ce qu’il fait Cinematic Scroll Storytelling Des recettes Lenis et GSAP ScrollTrigger pour des landing pages pilotées au scroll. 
Design systems Ce qu’il fait Agency Grid Layout Minimal Grille éditoriale multi-colonnes, titres surdimensionnés et petits libellés en majuscules. 
Design systems Ce qu’il fait Glass Dark Mode Clock Surfaces sombres dépolies bâties autour d’un cadran de calibration circulaire. 
Frontend & UI Ce qu’il fait WebGL 3D Object Un mesh hero Three.js éclairé, matériau PBR et vraies ombres. 
Frontend & UI Ce qu’il fait GSAP Skills Le jeu d’animation GSAP officiel, des tweens de base à ScrollTrigger et React. 
Frontend & UI Ce qu’il fait Animation Review Repère, améliore et relit le mouvement face à un niveau d’exigence senior. Prochaine étape
Passez la config. Designez avec Codex dans Open Design
Open Design est le workspace de design open source et agent-native qui tourne autour de Codex. Il garde vos systèmes, vos skills et vos templates cohérents pour que l’agent livre un travail qui vous appartient.