Schulung – OpenAI Codex – UX-Design & Prototyping

OpenAI Codex für UX-Designer:innen

Mit OpenAI Codex Entwicklungsaufgaben delegieren: CLI und Cloud-Agent, AGENTS.md, Sandboxing, Freigaben und PR-Workflows im Team.

Dauer
6 Stunden, ein Termin
Format
Online oder vor Ort
Sprache
Deutsch oder Englisch
Teilnehmende
offene Termine oder exklusiv für Ihr Team
Abschluss
Teilnahmebescheinigung

Überblick

In diesem Kurs verbinden wir OpenAI Codex mit den typischen Abläufen im Bereich UX-Design & Prototyping. Die Teilnehmenden arbeiten an realistischen Szenarien und nehmen sofort einsetzbare Prompts, Workflows und Checklisten mit.

OpenAI Codex ist ein Coding-Agent, der sowohl lokal als Kommandozeilenwerkzeug und IDE-Erweiterung als auch als Cloud-Agent arbeitet. Lokal liest Codex Ihr Repository, schlägt Änderungen vor und führt Befehle in einer abgesicherten Umgebung aus. In der Cloud bearbeitet Codex delegierte Aufgaben parallel in isolierten Containern und liefert die Ergebnisse als nachvollziehbare Diffs oder Pull Requests. In diesem kompakten Training lernen Sie, beide Arbeitsweisen sinnvoll zu kombinieren und Aufgaben so zu schneiden, dass der Agent sie zuverlässig erledigt.

Zentrale Themen sind Steuerung und Sicherheit: Mit AGENTS.md geben Sie Codex Projektwissen, Build- und Testbefehle sowie Konventionen mit. Sie konfigurieren Freigabemodi und Sandboxing, damit der Agent nur das tut, was Sie erlauben, und richten Cloud-Umgebungen mit passenden Setup-Skripten ein. Außerdem binden Sie Codex in Ihre Pull-Request-Workflows ein, nutzen automatisierte Code-Reviews und entwickeln Regeln dafür, welche Aufgaben im Team delegiert werden und wie die Ergebnisse vor dem Merge geprüft werden.

Mit KI-Coding-Werkzeugen verschiebt sich die Grenze zwischen Design und Entwicklung: UX-Designer:innen können interaktive Prototypen in echtem Code erstellen, statt nur klickbare Mock-ups zu zeichnen. Aus einem Screenshot, einer Skizze oder einer Beschreibung entstehen in kurzer Zeit funktionsfähige Oberflächen mit echten Zuständen, Formularlogik und Beispieldaten, die sich im Usability-Test wie ein fertiges Produkt anfühlen. Dazu kommen Design-Tokens, Komponentenbibliotheken und Barrierefreiheitsprüfungen, die KI-Assistenten direkt in Code übersetzen. Im Kurs lernen Sie, wie Sie mit Vibe Coding und KI-Agenten schneller von der Idee zum testbaren Prototyp kommen, wie Sie Ergebnisse sauber an Entwicklungsteams übergeben und wo die Grenzen zwischen Prototyp und produktionsreifer Software liegen.

Das Training findet live statt – wahlweise online im virtuellen Klassenraum oder vor Ort in unseren Trainingsräumen in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart und Kaiserslautern. Auf Wunsch kommen wir auch exklusiv für Ihr Team zusammen.

Für wen ist das Training?

  • UX- und UI-Designer:innen
  • Product Designer:innen und Interaction Designer:innen
  • UX-Researcher:innen, die Varianten schnell testen möchten
  • Product Owner und Produktmanager:innen mit Gestaltungsverantwortung
  • Design-System-Teams an der Schnittstelle zur Frontend-Entwicklung

Typische Herausforderungen, die wir adressieren

  • Statische Mock-ups bilden Interaktionen, Zustände und echte Daten nur unzureichend ab
  • Übergaben an die Entwicklung verlieren Details, Abstände und Verhaltenslogik
  • Lange Wartezeiten auf Entwicklungskapazität für Experimente und A/B-Varianten
  • Barrierefreiheit wird oft erst spät und unvollständig berücksichtigt

Das können Sie nach dem Training

  • Sie setzen Codex lokal und in der Cloud gezielt für passende Entwicklungsaufgaben ein.
  • Sie schreiben eine AGENTS.md, die den Agenten zuverlässig durch Ihr Projekt führt.
  • Sie konfigurieren Freigabemodi und Sandboxing passend zu Ihren Sicherheitsanforderungen.
  • Sie delegieren Aufgaben an den Cloud-Agenten und prüfen die Ergebnisse systematisch.
  • Sie erstellen interaktive, codebasierte Prototypen mit KI und testen Ideen deutlich früher mit Nutzer:innen.
  • Sie übersetzen Designsysteme und Tokens in Code und verbessern die Übergabe an Entwicklungsteams.
  • Sie prüfen Prototypen systematisch auf Barrierefreiheit und kennen die Grenzen zwischen Prototyp und Produktivcode.

Inhalte & Ablauf

Modul 1 Codex im Überblick: CLI, IDE und Cloud
  • Arbeitsweisen von Codex lokal und in der Cloud vergleichen
  • Codex CLI installieren, anmelden und im Repository starten
  • Interaktive Sitzungen, nicht-interaktive Ausführung und Modellwahl
  • Geeignete und ungeeignete Aufgaben für einen Coding-Agenten unterscheiden
Modul 2 Projektwissen mit AGENTS.md
  • AGENTS.md mit Build-, Test- und Lint-Befehlen aufbauen
  • Konventionen, Architekturhinweise und Verbote präzise formulieren
  • Verschachtelte AGENTS.md-Dateien für Monorepos und Teilprojekte nutzen
  • Wirksamkeit prüfen und Anweisungen iterativ verbessern
Modul 3 Sandboxing, Freigaben und Sicherheit
  • Freigabemodi von nur lesend bis weitgehend autonom bewusst wählen
  • Sandbox-Grenzen für Dateisystem und Netzwerkzugriff verstehen
  • Umgang mit Secrets, Abhängigkeiten aus dem Internet und Prompt Injection
  • Konfigurationsdateien für Team-Standards und sichere Voreinstellungen
Modul 4 Aufgaben an den Cloud-Agenten delegieren
  • Cloud-Umgebungen mit Setup-Skripten und Abhängigkeiten konfigurieren
  • Aufgaben mit klarem Ziel, Kontext und Abnahmekriterien formulieren
  • Mehrere Aufgaben parallel starten und Ergebnisse vergleichen
  • Logs und Testausgaben nutzen, um Lösungen nachzuvollziehen
Modul 5 PR-Workflows und Code-Review im Team
  • Ergebnisse als Pull Request übernehmen und nachbessern lassen
  • Automatisierte Code-Reviews durch Codex in GitHub einsetzen
  • Codex in Skripte und CI-Pipelines einbinden
  • Teamregeln für Delegation, Review-Pflichten und Verantwortlichkeiten festlegen
Modul 6 Praxislabor: UX-Design & Prototyping
  • Klickbare Prototypen in Code
  • Varianten für Tests erzeugen
  • Design-Tokens in Code übersetzen
  • Barrierefreiheit prüfen
  • Microinteractions gestalten
  • Research-Ergebnisse auswerten
Modul 7 Datenschutz, Qualität & Transfer in den Alltag
  • Prototypen enthalten oft unveröffentlichte Produktideen und Research-Daten von Testpersonen: Sie lernen, Interviewnotizen DSGVO-konform zu pseudonymisieren, Urheberrechte an Schriften, Bildern und generierten Assets zu klären und Anforderungen aus dem Barrierefreiheitsstärkungsgesetz früh einzuplanen.
  • Spielregeln für den sicheren KI-Einsatz im Team
  • Ergebnisse prüfen: Fakten, Quellen, Tests und Vier-Augen-Prinzip
  • Persönlicher Umsetzungsplan für die nächsten 30 Tage
  • Offene Fragen, Ausblick und Ressourcen zum Weiterlernen

Praxisszenarien aus Ihrem Bereich

Klickbare Prototypen in Code

Aus Skizzen, Wireframes oder Screenshots lauffähige Web-Prototypen mit Navigation, Formularvalidierung, Lade- und Fehlerzuständen sowie realistischen Beispieldaten erzeugen, die direkt im Browser getestet werden können. Änderungswünsche setzen Sie direkt im Gespräch um.

Varianten für Tests erzeugen

Mehrere Gestaltungsvarianten eines Flows parallel generieren, etwa für Onboarding oder Checkout, und sie für Usability-Tests oder A/B-Experimente mit wenigen Anpassungen bereitstellen. Unterschiede bleiben dabei klar dokumentiert.

Design-Tokens in Code übersetzen

Farben, Typografie, Abstände und Radien aus dem Designsystem als Tokens strukturieren und in CSS-Variablen, Tailwind-Konfigurationen oder Theme-Dateien für Komponentenbibliotheken überführen. So sprechen Design und Entwicklung dieselbe Sprache.

Barrierefreiheit prüfen

Prototypen auf Kontraste, semantisches HTML, Tastaturbedienung, Fokusreihenfolge und ARIA-Attribute untersuchen und konkrete Verbesserungen gemäß WCAG direkt im Code umsetzen lassen. So werden Barrieren behoben, bevor sie in die Entwicklung wandern.

Microinteractions gestalten

Übergänge, Animationen und Feedback-Zustände beschreiben und als CSS- oder JavaScript-Code umsetzen, um Timing und Wirkung früh im echten Medium statt im Zeichenprogramm zu bewerten. Varianten lassen sich direkt vergleichen.

Research-Ergebnisse auswerten

Notizen aus Interviews und Usability-Tests clustern, Muster und Pain Points herausarbeiten und daraus priorisierte Gestaltungshypothesen ableiten, die direkt in neue Prototyp-Iterationen einfließen. Zitate bleiben dabei nachvollziehbar zugeordnet.

Mögliche Praxisprojekte im Kurs

Onboarding-Prototyp

Ein mehrstufiger Onboarding-Flow als Web-App mit Fortschrittsanzeige, Validierung und gespeicherten Eingaben, bereit für moderierte Usability-Tests. Testpersonen erleben dabei realistische Fehlermeldungen und Ladezustände statt statischer Bildschirme.

Token-Konverter

Ein kleines Tool, das exportierte Design-Tokens einliest und daraus CSS-Variablen, eine Farbpalette mit Kontrastwerten und eine Vorschauseite erzeugt. Kontrastprobleme werden sofort markiert.

Komponenten-Playground

Eine Übersichtsseite, die Buttons, Formulare und Karten Ihres Designsystems in allen Zuständen zeigt, inklusive Hell- und Dunkelmodus. Sie dient als lebendige Referenz für Design und Entwicklung.

Voraussetzungen

Sie haben praktische Programmiererfahrung, arbeiten sicher mit Git und der Kommandozeile und kennen Pull-Request-basierte Workflows. Sie haben Erfahrung in UX- oder UI-Design und mit gängigen Designwerkzeugen; Programmierkenntnisse sind nicht erforderlich, ein Grundverständnis von HTML und CSS ist hilfreich.

Technische Voraussetzungen

Eigener Laptop mit Terminal, Git und Node.js-Laufzeit; ein ChatGPT-Plan mit Codex-Zugang oder ein OpenAI-API-Schlüssel sowie ein GitHub-Konto für die Cloud-Übungen.

Datenschutz & Compliance

Prototypen enthalten oft unveröffentlichte Produktideen und Research-Daten von Testpersonen: Sie lernen, Interviewnotizen DSGVO-konform zu pseudonymisieren, Urheberrechte an Schriften, Bildern und generierten Assets zu klären und Anforderungen aus dem Barrierefreiheitsstärkungsgesetz früh einzuplanen.

Termine & Standorte

Pro Standort schlagen wir Ihnen einen Termin in rund vier Wochen vor. Ihr Wunschtermin ist jederzeit möglich.

  • München Mi, 16. Dezember 2026 6 Std. Anfragen
  • Salzburg Mi, 16. Dezember 2026 6 Std. Anfragen
  • Berlin Di, 15. Dezember 2026 6 Std. Anfragen
  • Augsburg Fr, 11. Dezember 2026 6 Std. Anfragen
  • Hannover Di, 15. Dezember 2026 6 Std. Anfragen
  • Bremen Mo, 14. Dezember 2026 6 Std. Anfragen
  • Stuttgart Mi, 16. Dezember 2026 6 Std. Anfragen
  • Kaiserslautern Do, 10. Dezember 2026 6 Std. Anfragen
  • Online Mi, 16. Dezember 2026 6 Std. Anfragen

Häufige Fragen

Wann nutze ich Codex lokal und wann in der Cloud?

Lokal arbeiten Sie interaktiv und eng am Code, etwa beim Debugging oder bei explorativen Änderungen, bei denen Sie jeden Schritt verfolgen möchten. Der Cloud-Agent eignet sich für klar umrissene Aufgaben, die unabhängig ablaufen können, beispielsweise Tests ergänzen oder kleinere Fehler beheben. Mehrere solcher Aufgaben lassen sich parallel starten und anschließend als Pull Request prüfen.

Was gehört in eine gute AGENTS.md?

Eine gute AGENTS.md beschreibt, wie das Projekt gebaut, getestet und geprüft wird, welche Konventionen gelten und welche Bereiche nicht angefasst werden sollen. Sie ist knapp, konkret und aktuell. Hilfreich sind außerdem Hinweise zur Architektur und zu typischen Stolperfallen. Im Kurs entwickeln Sie eine AGENTS.md für ein eigenes Projekt und testen deren Wirkung.

Wie sicher ist es, Codex Befehle ausführen zu lassen?

Codex arbeitet standardmäßig in einer Sandbox mit eingeschränktem Datei- und Netzwerkzugriff und fragt vor riskanten Schritten nach Freigabe. Wie viel Autonomie Sie gewähren, legen Sie über Freigabemodi und Konfiguration fest. Im Kurs lernen Sie, diese Einstellungen bewusst zu wählen und Risiken wie Prompt Injection oder das Ausführen unbekannter Abhängigkeiten zu begrenzen.

Muss ich als Designer:in programmieren können?

Nein. Sie beschreiben Oberflächen und Verhalten in natürlicher Sprache, mit Skizzen oder Screenshots, und das KI-Werkzeug erzeugt den Code. Hilfreich ist, Grundbegriffe wie Komponente, Zustand oder CSS-Klasse zu kennen, um gezielt nachzusteuern. Diese Begriffe vermitteln wir im Kurs praxisnah, sodass Sie Prototypen selbstständig anpassen und weiterentwickeln können.

Kann das Entwicklungsteam den Prototyp-Code übernehmen?

Manchmal ja, oft dient er vor allem als präzise Spezifikation. Prototypen sind auf Geschwindigkeit optimiert, nicht auf Sicherheit, Performance oder Wartbarkeit. Wenn Sie früh dieselbe Komponentenbibliothek und dieselben Tokens wie das Produkt verwenden, steigt die Wiederverwendbarkeit deutlich. Im Kurs klären Sie, wie Sie Übergaben so gestalten, dass beide Seiten profitieren.

Was kostet die Schulung „OpenAI Codex für UX-Designer:innen“?

Die Schulung kostet pauschal 949 € zzgl. gesetzl. MwSt. pro Teilnehmer:in – unabhängig davon, ob sie online oder vor Ort stattfindet. Enthalten sind 6 Stunden Live-Training mit Trainer:in, Kursunterlagen, Übungsumgebung und Teilnahmebescheinigung.

Kann ich einen eigenen Wunschtermin angeben?

Ja. Für jeden Standort schlagen wir Ihnen einen Termin in rund vier Wochen vor. Im Anfrageformular können Sie aber jederzeit einen Wunschtermin oder Zeitraum im Freitext angeben – wir prüfen die Verfügbarkeit und melden uns innerhalb eines Werktags.

Findet der Kurs online oder vor Ort statt?

Beides ist möglich: live online im virtuellen Klassenraum oder vor Ort in München, Salzburg, Berlin, Augsburg, Hannover, Bremen, Stuttgart und Kaiserslautern. Auf Wunsch führen wir das Training auch exklusiv für Ihr Team durch.

Kann der Kurs auf unser Team zugeschnitten werden?

Ja. Maßgeschneiderte Kurse kosten ca. 4.500 € mehr, je nach Thema und nach Absprache. Wir stimmen Inhalte, Beispiele und Übungen vorab mit Ihnen ab.

Weitere Kurse für UX-Designer:innen

Weitere Kurse zu OpenAI Codex

Alle 32 Kurse zu OpenAI Codex

OpenAI Codex – MünchenOpenAI Codex – SalzburgOpenAI Codex – BerlinOpenAI Codex – AugsburgOpenAI Codex – HannoverOpenAI Codex – BremenOpenAI Codex – StuttgartOpenAI Codex – KaiserslauternOpenAI Codex – Online