106.9K+Télécharger

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 OpenDesign.

Télécharger OpenDesign Star la liste

Frontend & UI Reprenez la main sur les choix esthétiques par défaut de Codex, avant la première ligne de code.
Design systems Transformez vos tokens et vos composants en règles que Codex suit au lieu d’improviser.

Leonxlnx Plugin

Ce qu’il fait gpt-taste Construit des pages primables avec du scroll GSAP et des grilles bento sans trous.

Leonxlnx Plugin

Ce qu’il fait Stitch Design Taste Rédige un DESIGN.md qui oriente Google Stitch vers des écrans non génériques.

Leonxlnx Plugin

Ce qu’il fait image-to-code Génère d’abord des images de design, les analyse, puis construit le code frontend correspondant.

Leonxlnx Plugin

Ce qu’il fait imagegen-frontend-mobile Génère des parcours d’écrans d’app mobile premium en images, pas en code.

Leonxlnx Plugin

Ce qu’il fait imagegen-frontend-web Génère une image de référence horizontale par section de landing page.

Leonxlnx Plugin

Ce qu’il fait minimalist-ui Construit des interfaces éditoriales monochromes et chaudes, avec des grilles bento plates.

Leonxlnx Plugin

Ce qu’il fait design-taste-frontend Lit le brief, choisit une direction, livre des interfaces sans effet de gabarit.

Leonxlnx Plugin

Ce qu’il fait industrial-brutalist-ui Construit des interfaces rigides façon print suisse ou terminal CRT, avec un grain analogique.

Leonxlnx Plugin

Ce qu’il fait redesign-existing-projects Audite un site existant et le fait progresser sans casser ses fonctionnalités.

Leonxlnx Plugin

Ce qu’il fait brandkit Génère des planches de charte graphique, systèmes de logo et decks d’identité en images.

Leonxlnx Plugin

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.

emilkowalski Plugin

Ce qu’il fait pick-ui-library Associe une tâche frontend à un seul choix de bibliothèque, sélectionné et assumé.

emilkowalski Plugin

Ce qu’il fait apple-design Les principes d’interface fluide d’Apple traduits en ressorts et gestes pour le web.

emilkowalski Plugin

Ce qu’il fait animation-vocabulary Transforme une description floue de mouvement en son terme technique exact.

emilkowalski Plugin

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.

nextlevelbuilder Plugin

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.

nextlevelbuilder Plugin

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.

nextlevelbuilder Plugin

Ce qu’il fait UI-UX Pro Max · UI Styling Construit des interfaces accessibles avec des composants shadcn et des utilitaires Tailwind.

nextlevelbuilder Plugin

Ce qu’il fait UI-UX Pro Max · Brand Garde la charte de marque, les design tokens et les assets synchronisés.

nextlevelbuilder Plugin

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.

nextlevelbuilder Plugin

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.

bergside Plugin

Ce qu’il fait design-skills · Editorial Mise en page magazine en serif Gelasio sur une grille stricte de 8pt.

bergside Plugin

Ce qu’il fait design-skills · Terracotta Accent argile sur crème, titres DM Serif Display, lecture au long cours.

bergside Plugin

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.

bergside Plugin

Ce qu’il fait design-skills · Neumorphism Surfaces extrudées douces en gris pierre, typo Space Mono.

bergside Plugin

Ce qu’il fait design-skills · Bento Grille de blocs variés sur crème, typo Inter, échelle compacte.

bergside Plugin

Ce qu’il fait design-skills · Claymorphism Formes 3D rebondies et arrondies, titres Poppins, bleu sur blanc.

bergside Plugin

Ce qu’il fait design-skills · Brutalism Mises en page inspirées du béton brut, titrage Darker Grotesque, rouge et ocre.

Nutlope Plugin

Ce qu’il fait Hallmark Un flux de design anti-générique avec 58 portes et une variété structurelle imposée.

pbakaus Plugin

Ce qu’il fait Impeccable Une vingtaine de commandes pour construire, critiquer et affiner des interfaces frontend.

zanwei Plugin

Ce qu’il fait Design DNA Extrait un design de référence en JSON structuré, puis génère à partir de lui.

hamen Plugin

Ce qu’il fait Material 3 Implémentez Material Design 3 de Google sur Compose, Flutter et le web.

jakubkrehel Plugin

Ce qu’il fait Details that make interfaces feel better Seize règles concrètes de finition UI avec une checklist de revue.

BuilderIO Plugin

Ce qu’il fait Agent-Native Plans Transforme des plans en texte en documents relisables, avec wireframes et prototypes.

tw93 Plugin

Ce qu’il fait Kami Compose CV, livres blancs, decks et landing pages sur un même langage de design.

MengTo Plugin

Ce qu’il fait Border Gradients Ajoute un bord en dégradé soigné aux cartes, modales et surfaces hero.

MengTo Plugin

Ce qu’il fait Masked Reveal Révèle les titres mot à mot via un masque de débordement au scroll.

MengTo Plugin

Ce qu’il fait Framed Grid Layout Construit des mises en page éditoriales précises avec des cadres fins et des équerres d’angle.

MengTo Plugin

Ce qu’il fait Container Lines Trace de discrètes lignes de repère verticales aux bords de votre conteneur de contenu.

MengTo Plugin

Ce qu’il fait Skeuomorphic UI Donne aux boutons et panneaux une profondeur tactile avec dégradés et ombres en couches.

MengTo Plugin

Ce qu’il fait Beautiful Shadows Trois utilitaires d’ombre Tailwind prêts à l’emploi pour une élévation neutre en couches.

MengTo Plugin

Ce qu’il fait Dither Background Fond canvas avec un tramage Bayer 4x4 visible et des pixels carrés.

MengTo Plugin

Ce qu’il fait WebGL Laser Un faisceau shader plein écran, cœur incandescent et brume teintée aux couleurs de la marque.

MengTo Plugin

Ce qu’il fait Mesh Gradient Dark Blue Clean Un système bleu marine quasi noir avec un champ mesh dans une coque hero.

MengTo Plugin

Ce qu’il fait Cinematic Scroll Storytelling Des recettes Lenis et GSAP ScrollTrigger pour des landing pages pilotées au scroll.

MengTo Plugin

Ce qu’il fait Agency Grid Layout Minimal Grille éditoriale multi-colonnes, titres surdimensionnés et petits libellés en majuscules.

MengTo Plugin

Ce qu’il fait Glass Dark Mode Clock Surfaces sombres dépolies bâties autour d’un cadran de calibration circulaire.

MengTo Plugin

Ce qu’il fait WebGL 3D Object Un mesh hero Three.js éclairé, matériau PBR et vraies ombres.

greensock Plugin

Ce qu’il fait GSAP Skills Le jeu d’animation GSAP officiel, des tweens de base à ScrollTrigger et React.

emilkowalski Plugin

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 OpenDesign

OpenDesign 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.

Télécharger OpenDesign ↗ Parcourir tous les plugins