ANLEITUNGEN
Bessere UIs mit Codex gestalten.
Praxiserprobte Tipps für das Design von Apps und Websites mit Codex: wie du Codex briefst, welche Skills und Plugins helfen und wie du von der ersten Idee zum fertigen Screen kommst.
Hier anfangen
- Codex herunterladen und installierenOffizielle Downloads und Installationsschritte für die Desktop-App, die CLI und die IDE-Erweiterung.
- Codex-Preise: Pläne, Nutzungslimits und CreditsWas Codex in jedem ChatGPT-Plan kostet und was du tust, wenn du an ein Limit stößt.
- GPT Image 2.6 für UI-DesignWas neu ist, Flare vs. Sunburst und Prompts für UI-Mockups.
- ChatGPT Sites: Websites mit ChatGPT erstellen und veröffentlichenWie du eine Website in ChatGPT oder Codex baust, veröffentlichst und was sie kostet.
- UI-Design mit Codex: So geht’sEin Workflow in sechs Schritten vom Design-Briefing bis zum Produktionscode, mit Prompts zum Kopieren.
- UI-Design mit ChatGPT: So geht’sWann du Chat, Bildgenerierung oder Codex nutzt, mit Workflow und Prompts zum Kopieren.
- UI-Mockups mit KI erstellenVom Satz zum Wireframe zum High-Fidelity-Mockup, mit Prompts zum Kopieren.
- Codex vs. Claude Code für UI-DesignWie sich die beiden Agenten bei Design-Tools, Vorschauen, Skills und Designsystemen schlagen.
- Der KI-Look im UI-Design – und wie du ihn vermeidestZwölf Anzeichen, dass eine UI von einer KI stammt, und Prompts, die jedes davon beheben.
Skills und Plugins
- Die besten Codex-Skills für UI-DesignTaste Skill, Stil-Skills, bildbasierte Skills und wie du sie installierst.
- Codex-Plugins vs. SkillsWas das jeweils ist, wie beides zusammenhängt und wann du was verwendest.
- DESIGN.md: dein Designsystem für CodexDas DESIGN.md-Format, ein vollständiges Beispiel und wie du Codex dazu bringst, sich daran zu halten.