Plugin Open Design per Codex/ChatGPT

Inserisci l’istruzione qui sotto in una qualsiasi attività della tua app desktop ChatGPT

Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me.

Installa una volta. Crea da Codex/ChatGPT.

Guarda prima lo spazio di lavoro completo di Codex e Open Design, poi segui la sequenza reale dall’installazione al risultato.

Un’attività reale in Codex che usa il plugin Open Design accanto al sito completato del café Goodfield
Attività reale in Codex Il prompt, il passaggio a Open Design, i file generati e il sito completato restano visibili in un unico spazio di lavoro.
  1. 01 Installazione

    Chiedi a Codex di installarlo

    Incolla questa istruzione in un’attività di Codex. Codex legge la procedura di installazione del repository e completa la configurazione del plugin e dell’MCP locale senza dipendere da una pubblicazione nel marketplace.

    Read open-design.ai/codex-plugin to install the Open Design plugin and set up a new task for me.
  2. 02 Utilizzo

    Avvia una nuova attività in Codex

    Quando Codex ha completato l’installazione, apri il plugin Open Design appena installato nella nuova attività e scegli “Try now” per iniziare.

    La schermata reale dei dettagli del plugin Open Design in Codex con il pulsante Try now
  3. 03 Creazione

    Scrivi il brief di design

    Menziona Open Design, quindi descrivi il risultato da creare, i contenuti, la direzione visiva e i requisiti responsive.

    Un prompt reale in Codex che chiede a Open Design di creare il sito accogliente di un café di quartiere
  4. 04 Creazione

    Segui il passaggio in tempo reale

    Codex conferma la direzione, crea il progetto e passa il lavoro a Open Design, mentre i file compaiono in tempo reale.

    Uno spazio di lavoro reale di Codex e Open Design durante la generazione del sito del café di quartiere
  5. 05 Creazione

    Esamina il risultato

    La stessa attività restituisce la landing page responsive del café Goodfield, le immagini generate e i file modificabili.

    La landing page completata del café di quartiere Goodfield, generata tramite il plugin Open Design in Codex

Parti dal prompt esatto.

Seleziona Open Design dal menu dei plugin di Codex, descrivi ciò che vuoi creare e continua a perfezionarlo dalla stessa attività. Codex mostra la menzione del plugin come un tag Open Design.

Landing page del prodotto Oryzo con una base da taglio materica e un oggetto in sughero

Lancio di prodotto

@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.
Landing page dell’evento Open Design Osaka con una mappa tipografica

Pagina evento

@open-design Create an event landing page for Open Design Osaka. Lead with a typographic map of Japan, restrained ivory and olive colors, the date and location, speaker details, and a clear registration action.
Sito editoriale scuro del prodotto Fable 5

Sito editoriale

@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.
Interfaccia della cronologia dei modelli Open Design su una tela luminosa

Storia interattiva

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

Domande prima dell’installazione

Codex mantiene il controllo dell’attività. Open Design gestisce il flusso visivo.

  1. Che cosa aggiunge il plugin a Codex?

    Aggiunge a Codex un flusso di lavoro Open Design per siti web, presentazioni, prototipi e design system. Il plugin si collega all’Open Design MCP locale per gestire brief, progetti e generazione degli artefatti.

  2. Quali prodotti Codex sono supportati?

    Il pacchetto attuale supporta Codex Desktop e Codex CLI. Codex è il primo host supportato.

  3. Che cosa serve prima dell’installazione?

    Usa Codex CLI 0.144.6 o una versione successiva e Open Design 0.17.0 o una versione successiva. Installa Open Design prima di registrare il relativo MCP locale.

  4. Perché devo avviare una nuova attività in Codex?

    Codex carica le funzionalità del plugin e dell’MCP all’avvio di un’attività. Una nuova attività rileva il plugin Open Design Cloud appena installato.

  5. La finestra di Open Design deve rimanere aperta?

    No. Quando serve, l’MCP locale registrato può avviare in background il runtime firmato di Open Design.

Porta Open Design nella tua prossima attività Codex/ChatGPT.

Installa il plugin, collega l’MCP locale e richiama @open-design.

Open Design Desktop

Un solo design system. Il tuo brand, coerente ovunque

Nel Vibe Design Workspace completo, applica le stesse regole di brand a siti, presentazioni, prototipi interattivi, dashboard, immagini e video HTML. Collega Codex, Claude Code, Cursor e gli altri agenti di coding locali e crea gratis.

  • Siti, presentazioni, prototipi, dashboard, immagini e video
  • Oltre 140 design system e la libreria completa di template e skill
  • Codex locale e oltre 21 agenti di coding · Gratis
Scarica gratis

Disponibile per macOS, Windows e Linux