Codex
Workflow, plugin e slide per progettare interfacce con Codex.
LA DIRECTORY DI DESIGN DEGLI AGENTI
Il tuo agente di codice.
Un workflow di design
migliore.
Guide al workflow, note di configurazione e risorse di design per 22 agenti di codice, così lo strumento che già usi può trasformare un brief in un'interfaccia ben studiata.
22 guide per agenti, un solo workspace.
› Use the reference. Build the landing page.
Reading DESIGN.md · binding tokens…
Writing landing-page.html ✓
Your agentCodexClaude CodeOpenCode+19
Un riferimento. Il tuo agente. Qualcosa di distintamente tuo.
Workflow illustrativo, non uno screenshot di un prodotto.
IL WORKFLOW DI DESIGN
Tre ruoli in un workflow di design con agenti di codice
Un agente di codice trasforma le istruzioni in codice. Un workflow di design aggiunge i riferimenti, i vincoli e la revisione che trasformano quel codice in un'interfaccia utilizzabile.
Cos'è un agente di design- 01Il tuo agente di codice
- Legge il progetto, apporta modifiche e risponde ai feedback. Mantieni lo strumento che già usi.
- 02OpenDesign
- Lo spazio di lavoro per il brief, le risorse di design e la revisione visiva. Ogni guida per agenti spiega la configurazione.
- 03Il tuo giudizio
- Scegli il riferimento, definisci cosa deve rimanere coerente e verifica il risultato su schermi reali.
GUIDE PER AGENTI DI CODICE
Guide al workflow di design per 22 agenti di codice
Inizia con lo strumento che già usi. Ogni guida illustra il ruolo dell'agente, cosa preparare e il passo successivo. L'elenco è una directory, non una classifica.
22 guide
Claude Code
Un workflow di design frontend con Claude Code, dal primo brief alla revisione finale.
DeepSeek Harness
Configurazione dell'harness, il suo ruolo nel workflow e le risorse di design che può utilizzare.
OpenCode
Un workflow di design costruito attorno agli strumenti e ai provider di modelli che sceglie.
Grok
Grok Build
Configurazione, prerequisiti e un primo compito di design visivo con Grok Build.
Cursor
Cursor Agent
Come l'editor Cursor e il workflow di design si integrano in un unico progetto.
DeepSeek
DeepSeek TUI
Il DeepSeek TUI, i suoi prerequisiti e in cosa differisce da DeepSeek Harness.
Hermes
Risorse di design, opzioni di estensione e prerequisiti per un workflow con Hermes.
Antigravity
Prima la configurazione, poi un workflow di design frontend e revisione con Antigravity.
Kimi
Kimi CLI
Input, contesto e configurazione da preparare prima di un primo compito di design con Kimi CLI.
Qwen
Qwen Code
Come si collegano Qwen Code, il provider di modelli e il workflow di design.
Trae CLI
Configurazione di Trae CLI e un punto di partenza per il design di interfacce.
Qoder
Qoder CLI
Configurazione di Qoder CLI e il workflow di design che lo completa.
Mistral Vibe
Mistral Vibe CLI
Il Mistral Vibe CLI come strumento di design, distinto dal vibe design in generale.
Gemini
Gemini CLI
Un workflow UI basato su riferimenti con Gemini CLI, dalla configurazione alla revisione.
Copilot
GitHub Copilot CLI
Contesto del repository e revisione in un workflow di design di interfacce con GitHub Copilot CLI.
Kilo
Configurazione, modalità e un punto di partenza pratico per il design con Kilo.
Aider
Partire da codice esistente con Aider, apportare una modifica ponderata e rivedere la differenza.
Pi
Configurazione, estensioni e risorse di design per Pi.
Kiro
Kiro CLI
Dove si inseriscono i requisiti e le decisioni sull'interfaccia in un workflow con Kiro CLI.
Devin
Devin for Terminal
Definire il compito, stabilire il passaggio di consegne e rivedere l'interfaccia con Devin for Terminal.
Reasonix
DeepSeek Reasonix
Comprendere il progetto, le sue relazioni e da dove iniziare con DeepSeek Reasonix.
Nessuna guida corrispondente
Provi un altro nome o torni a tutte le 22 guide.
Una guida non garantisce la compatibilità. Verifichi i requisiti dello strumento, di autenticazione e della piattaforma nella relativa pagina prima di collegarlo.
APP DESKTOP
Scarichi OpenDesign e Collega il Tuo Agente di Codice
Scarichi OpenDesign, segua la guida di configurazione del suo agente e porti un riferimento al primo progetto.
- 01
Scarica OpenDesign
Scelga la build per macOS o Windows e apra l'app.
- 02
Colleghi il Suo Agente
Verifichi i prerequisiti nella guida sopra e completi la configurazione ivi descritta.
- 03
Avvii una Prima Attività
Porti un riferimento, un breve brief o un template dalle risorse qui sotto.
RISORSE DI DESIGN
Risorse di Design per Agenti di Codice
Workflow riutilizzabili, token di brand e punti di partenza che un agente può integrare in un'attività.
DOMANDE FREQUENTI
Agenti di codice, modelli e skill spiegati
Non è necessario un nuovo agente di codice per questo workflow. Queste risposte trattano i termini e le pagine correlate.
Devo cambiare agente?
No. Inizi con la guida del suo strumento attuale. La configurazione e le funzionalità disponibili dipendono da quello strumento e da quella versione; la directory non li classifica.
Agenti, modelli e skill sono la stessa cosa?
No. Un modello alimenta il ragionamento, un agente opera sul task e una skill fornisce un modo di lavorare riutilizzabile. La directory delle skill elenca quest’ultimo livello.
Sto confrontando strumenti di design. Dove devo andare?
Utilizzi i confronti tra strumenti per domande su sostituzione e coesistenza. Queste guide agli agenti spiegano come lavorare con uno strumento che già utilizza.
Qual è il mio primo task?
Scelga un’interfaccia piccola e porti un riferimento. Verifichi il layout, un’interazione e uno schermo stretto prima di espandere. Un template può darle un punto di partenza.
Inizia
Inizi con l’agente di codice che già utilizza
Scarica OpenDesign Note di configurazione
Build desktop per macOS e Windows. Da telefono, salvi la guida di configurazione e prosegua dal suo desktop.
