Tutoriels
Des guides pas à pas pour concevoir et prototyper avec Codex, sélectionnés à travers le web.
GPT Image 2 dans Codex — un workflow frontend
Retour d'expérience sur la construction d'interfaces avec GPT Image 2 dans l'application Codex : composants en langage naturel, réutilisation de marque consciente du dépôt, et commentaires au niveau du DOM.
Hallmark — une compétence de design pour combattre l'UI générée par IA
Une compétence Codex communautaire qui s'installe en une commande et vise à maintenir l'UI générée par IA cohérente avec votre goût en design.
Figma design-to-code : comparaison de MCP, Codex et Kombai
Un benchmark pratique de trois approches design-to-code utilisant le même template Figma sur Figma MCP, Codex et Kombai.
Convertir Figma en code React avec Codex
Un guide pratique étape par étape pour utiliser Codex et générer des composants React scalables à partir de Figma, avec des points de contrôle de refactorisation et d'accessibilité.
Codex Desktop — compétences, plugins, automatisations
Un tour complet des surfaces d'extension de Codex Desktop, incluant une section sur l'intégration d'outils de design comme Paper dans le workflow.
Concevoir des interfaces délicieuses avec GPT-5.4
Guide de direction artistique frontend d'OpenAI : héros à composition unique, hiérarchie orientée marque, typographie expressive et retenue des tableaux de bord.
Créez des interfaces responsives avec Codex
Guide officiel OpenAI pour transformer des captures d'écran, des briefs et des ressources de référence en UI responsive avec Codex, incluant l'itération visuelle pilotée par Playwright.
Créer des interfaces frontend avec Codex et Figma
Blog Figma sur la bêta du serveur MCP — comment synchroniser le contexte de design entre Figma et la génération de code Codex.
Enregistrer les workflows en tant que compétences Codex réutilisables
Le tutoriel OpenAI sur la capture des workflows de conception et d'ingénierie répétables avec le modèle de création de compétences.
frontend-skill — Règles de conception organisées par OpenAI
Le référentiel officiel des compétences frontend avec des règles strictes pour la composition de héros, la retenue des tableaux de bord et la hiérarchie axée sur la marque.
Concevoir avec Codex CLI — perspective d'un designer
Un guide complet orienté designer sur le chaînage de Codex CLI, Figma MCP et Code Connect pour transformer des wireframes en UI prête pour la production.
Compétences Codex Agent — aperçu officiel
Guide de référence OpenAI sur les compétences Codex, la structure de SKILL.md, et l'organisation de l'invocation implicite et explicite des compétences.