Tutorials
Schritt-für-Schritt-Anleitungen zum Designen und Prototyping mit Codex, handverlesen aus dem ganzen Web.
GPT Image 2 in Codex — ein Frontend-Workflow
Ein Erfahrungsbericht zum Erstellen von UI mit GPT Image 2 in der Codex App: Natural-Language-Komponenten, Repository-bewusste Markenwiederverwendung und DOM-Level-Kommentierung.
Hallmark — eine Design-Fähigkeit gegen AI-generierte UI-Unzulänglichkeiten
Eine Community-Codex-Fähigkeit, die sich mit einem Befehl installieren lässt und darauf abzielt, AI-generierte UI mit deinem Design-Geschmack konsistent zu halten.
Figma Design-to-Code: MCP, Codex und Kombai im Vergleich
Ein praktischer Benchmark von drei Design-to-Code-Ansätzen mit derselben Figma-Vorlage in Figma MCP, Codex und Kombai.
Figma in React-Code mit Codex umwandeln
Praktische Schritt-für-Schritt-Anleitung zur Verwendung von Codex für die Generierung skalierbarer React-Komponenten aus Figma, mit Refactoring- und Accessibility-Kontrollpunkten.
Codex Desktop — Fähigkeiten, Plugins, Automatisierungen
Ein umfassender Überblick über die Erweiterungsflächen von Codex Desktop, einschließlich eines Abschnitts zur Integration von Design-Tools wie Paper in den Workflow.
Ansprechende Frontend-Designs mit GPT-5.4 gestalten
OpenAI's Frontend-Gestaltungsleitfaden: Einzelkompositionen als Helden, markenorientierte Hierarchie, ausdrucksstarke Typographie und bewusste Dashboard-Zurückhaltung.
Responsive Frontends mit Codex erstellen
OpenAI's offizielle Anleitung zum Umwandeln von Screenshots, Briefs und Referenzmaterialien in responsive UIs mit Codex, inklusive Playwright-gestützter visueller Iteration.
Frontend-UIs mit Codex und Figma erstellen
Figma's Blog zum MCP-Server-Beta — wie Sie Design-Kontext zwischen Figma und Codex-Code-Generierung bidirektional synchronisieren.
Workflows als wiederverwendbare Codex Skills speichern
OpenAI's Anleitung zum Erfassen wiederholbarer Design- und Engineering-Workflows mit dem Skill-Creator-Muster.
frontend-skill — Kurierte Design-Regeln von OpenAI
Offizielles Frontend-Skill-Repository mit verbindlichen Regeln für Hero-Komposition, Dashboard-Zurückhaltung und Brand-First-Hierarchie.
Design mit Codex CLI — die Perspektive eines Designers
Eine designerorientierte Anleitung zum Verketten von Codex CLI, Figma MCP und Code Connect, um Wireframes in produktionsreife UI umzuwandeln.
Codex Agent Skills — offizieller Überblick
OpenAIs Referenz zu Codex Skills, der Struktur von SKILL.md und der Organisation von impliziter und expliziter Skill-Invokation.