OpenDesign Plugin für Codex/ChatGPT

Geben Sie die folgende Anweisung in eine beliebige Aufgabe in Ihrer ChatGPT-Desktop-App ein

/goal Read https://open-design.ai/codex-plugin/ to install OpenDesign for Codex and set up a new task for me.

Einmal installieren. Direkt aus Codex/ChatGPT gestalten.

Sehen Sie sich zuerst den vollständigen Arbeitsbereich von Codex und OpenDesign an und folgen Sie anschließend dem echten Ablauf von der Installation bis zum Ergebnis.

Eine echte Codex-Aufgabe mit dem OpenDesign Plugin neben der fertigen Goodfield-Café-Website
Echte Codex-Aufgabe Prompt, Übergabe an OpenDesign, generierte Dateien und fertige Website bleiben in einem Arbeitsbereich sichtbar.
  1. 01 Installieren

    Codex mit der Installation beauftragen

    Fügen Sie diese Anweisung in eine Codex-Aufgabe ein. Codex fügt die kanonische Git-Marketplace-Quelle hinzu, installiert das Plugin nur, wenn es fehlt, und schließt die Einrichtung des lokalen MCP ab, ohne dass ein Eintrag in einem öffentlichen Katalog erforderlich ist.

    /goal Read https://open-design.ai/codex-plugin/ to install OpenDesign for Codex and set up a new task for me.
  2. 02 Verwenden

    Eine neue Codex-Aufgabe starten

    Nachdem Codex die Installation abgeschlossen hat, öffnen Sie das installierte OpenDesign Plugin in einer neuen Aufgabe und wählen Sie „Try now“, um zu beginnen.

    Die echte Detailansicht des OpenDesign Plugins in Codex mit der Schaltfläche Try now
  3. 03 Erstellen

    Das Design-Briefing formulieren

    Erwähnen Sie OpenDesign und beschreiben Sie anschließend das gewünschte Ergebnis, die Inhalte, die visuelle Richtung und die Anforderungen an die responsive Darstellung.

    Ein echter Codex-Prompt, der OpenDesign mit einer einladenden Website für ein Nachbarschaftscafé beauftragt
  4. 04 Erstellen

    Die Übergabe live verfolgen

    Codex bestätigt die Richtung, legt das Projekt an und übergibt die Arbeit an OpenDesign, während die Dateien live erscheinen.

    Ein echter Arbeitsbereich von Codex und OpenDesign während der Erstellung der Website für das Nachbarschaftscafé
  5. 05 Erstellen

    Das Ergebnis prüfen

    Dieselbe Aufgabe liefert die responsive Landingpage des Goodfield Cafés sowie die generierten Bilder und bearbeitbaren Dateien zurück.

    Die fertige Landingpage des Goodfield Nachbarschaftscafés, erstellt mit dem OpenDesign Plugin in Codex

Mit dem exakten Prompt starten.

Wählen Sie OpenDesign im Plugin-Menü von Codex aus, beschreiben Sie das gewünschte Ergebnis und verfeinern Sie es in derselben Aufgabe weiter. Codex stellt die Plugin-Erwähnung als OpenDesign Chip dar.

Oryzo-Produkt-Landingpage mit einer haptischen Schneidematte und einem Objekt aus Kork

Produkt-Launch

@open-design Create a tactile product launch page for Oryzo, a sustainable rice-husk material. Use a cutting-mat grid, cork-toned product photography, oversized typography, technical labels, and a warm editorial layout.
OpenDesign Osaka Event-Landingpage mit typografisch gestalteter Karte

Eventseite

@open-design Create an event landing page for OpenDesign Osaka. Lead with a typographic map of Japan, restrained ivory and olive colors, the date and location, speaker details, and a clear registration action.
Dunkle, redaktionell gestaltete Produktwebsite für Fable 5

Redaktionelle Website

@open-design Create a dark editorial website for Fable 5. Use a near-black canvas, small navigation, a bold serif headline, restrained white typography, and subtle interactive controls.
Interaktive OpenDesign Modell-Zeitleiste auf einer hellen Arbeitsfläche

Interaktive Story

@open-design Create an interactive release story for OpenDesign 0.9.0. Visualize a model timeline on a bright canvas with floating cards, connecting lines, color-coded labels, and responsive horizontal exploration.

Fragen vor der Installation

Codex behält die Kontrolle über die Aufgabe. OpenDesign übernimmt den visuellen Workflow.

  1. Welche Funktionen ergänzt das Plugin in Codex?

    Es erweitert Codex um einen OpenDesign Workflow für Websites, Präsentationen, Prototypen und Designsysteme. Für Briefings, Projekte und die Erstellung von Ergebnissen verbindet sich das Plugin mit dem lokalen OpenDesign MCP.

  2. Welche Codex-Produkte werden unterstützt?

    Das aktuelle Paket unterstützt Codex Desktop und Codex CLI. Codex ist der erste unterstützte Host.

  3. Was benötige ich vor der Installation?

    Verwenden Sie Codex CLI 0.144.6 oder neuer und OpenDesign 0.17.0 oder neuer. Installieren Sie OpenDesign, bevor Sie das lokale MCP registrieren.

  4. Warum benötige ich eine neue Codex-Aufgabe?

    Codex lädt Plugin- und MCP-Funktionen beim Start einer Aufgabe. Eine neue Aufgabe erkennt das soeben installierte OpenDesign Cloud Plugin.

  5. Muss das OpenDesign Fenster geöffnet bleiben?

    Nein. Das registrierte lokale MCP kann die signierte OpenDesign Laufzeit bei Bedarf ohne sichtbare Benutzeroberfläche starten.

OpenDesign in Ihrer nächsten Codex/ChatGPT-Aufgabe nutzen.

Installieren Sie das Plugin, verbinden Sie das lokale MCP und rufen Sie @open-designauf.

OpenDesign Desktop

Ein Designsystem. Jeder Output unverkennbar deine Marke

Im vollständigen Vibe Design Workspace gelten dieselben Markenregeln für Websites, Slides, interaktive Prototypen, Dashboards, Bilder und HTML-Videos. Verbinde Codex, Claude Code, Cursor und weitere lokale Coding-Agents und gestalte kostenlos.

  • Web, Slides, Prototypen, Dashboards, Bilder und Video
  • 140+ Designsysteme plus die vollständige Vorlagen- und Skill-Bibliothek
  • Lokales Codex und 21+ Coding-Agents verbinden · Kostenlos

Für macOS und Windows