Modelli.

Artefatti costruiti da agenti che puoi forkare e deployare — prototipi, slide, template per immagini e video. Eseguili con le tue chiavi usando l'agente locale; i prompt, i poster e l'HTML di esempio sono tutti sotto Apache-2.0.

Anteprima di Screenshot di gioco - ARPG Three Kingdoms: Tiro con l'arco di Lü Bu a Yuanmen immagine
@open-design-contributors Open Design
Leggi il prompt completo →

Screenshot di gioco - ARPG Three Kingdoms: Tiro con l'arco di Lü Bu a Yuanmen

Screenshot action-RPG della famosa scena dei Three Kingdoms in cui Lü Bu colpisce un'alabarda distante alla porta del campo. Stile fotorealistico cinematografico di Black Myth: Wukong con Unreal Engine 5, visuale in terza persona e HUD completo (barre HP e qi, minimappa, hotbar abilità, marcatore bersaglio con distanza). Ottimizzato per gpt-image-2 in formato 16:9.

Anteprima di Hyperframes video
@open-design Open Design
Leggi il prompt completo →

Hyperframes

Crea composizioni video, animazioni, titoli, overlay, sottotitoli, voice-over, visual audio-reattivi e transizioni di scena in HyperFrames HTML. Supporta contenuti video HTML, sottotitoli sincronizzati con l'audio, narrazione text-to-speech, animazioni audio-reattive (sincronizzazione beat, glow, pulse), evidenziazione testo animata (marker sweep, cerchi disegnati, linee esplosive, scarabocchi, sketch) e transizioni di scena (dissolvenze, wipe, reveal, transizioni shader).

Anteprima di Infografica - Scomposizione coreografica danza otaku (Gokuraku Jodo, 16 pannelli) immagine
@open-design-contributors Open Design
Leggi il prompt completo →

Infografica - Scomposizione coreografica danza otaku (Gokuraku Jodo, 16 pannelli)

Un poster verticale 2:3 composto da una griglia 4×4 di 16 pannelli quadrati che mostra la scomposizione coreografica completa della famosa canzone di danza otaku giapponese 極楽浄土 (Gokuraku Jodo). Ogni pannello mostra la stessa idol anime semi-realistica in pose di danza caratteristiche, progettato come riferimento per pose per la generazione video IA con gpt-image-2, formato 2:3.

Anteprima di Homepage Open Design prototipo
@open-design Open Design
Leggi il prompt completo →

Homepage Open Design

A pixel-faithful mirror of the live open-design.ai homepage — an interactive WebGL/Three.js (React Three Fiber) hero built on Next.js. Features a real-time 3D "Open Design" wordmark (Draco-compressed geometry), a scattered sticker collage, custom variable fonts, cursor-reactive parallax, and scroll-driven motion. This is a first-party showcase of the visual ceiling Open Design targets for interactive marketing surfaces on the web — with all assets bundled locally (only the Draco decoder loads from a CDN, like the other WebGL examples), rendering in the sandboxed preview. Use as a reference for high-craft 3D landing pages, agent-native product sites, and motion-rich hero sections.

prototipo
@open-design Open Design
Leggi il prompt completo →

Orbit Generale

Attivato automaticamente da Orbit quando sono collegati due o più connettori. Raccoglie le attività delle ultime 24 ore da tutti i connettori autenticati (GitHub, Linear, Notion, Slack, 飞书, Calendario, Gmail, Drive, Sentry, Vercel, ecc.) e genera una dashboard adattiva a griglia bento nella parte superiore di "我的设计". Eseguito automaticamente dal programmatore di digest giornaliero di Orbit.

prototipo
@open-design Open Design
Leggi il prompt completo →

Orbit Notion

Competenza di briefing Open Orbit — selezionata dalla pipeline Orbit quando Notion è l'unico connettore collegato dell'utente o quando l'utente limita esplicitamente il suo digest quotidiano a Notion. Estrae le modifiche ai documenti, i commenti, le menzioni e le modifiche alle righe del database delle ultime 24 ore dalla connessione Notion autenticata dell'utente e renderizza il digest come pagina Notion nativa (elementi callout/toggle/tabella database). Questa competenza non deve essere attivata manualmente — viene invocata dallo scheduler del digest quotidiano di Orbit sui dati Notion in tempo reale.

prototipo
@open-design Open Design
Leggi il prompt completo →

Carosello Social

Un carosello social a tre schede in formato 1080×1080 – tre pannelli cinematografici in linea con il brand con titoli che si collegano attraverso la serie ('avanti.' → 'al prossimo.' → 'guardando avanti.'). Ogni scheda include marchio del brand, numero/totale, didascalia e affordance di 'loop'. Da usare per richieste di 'post carosello', 'carosello social', 'carosello Instagram', 'serie LinkedIn', 'schede thread X' o '三连发'.

Anteprima di Post Social Media - Storyboard Danza Sensazionale (8 Inquadrature) immagine
@open-design-contributors Open Design
Leggi il prompt completo →

Post Social Media - Storyboard Danza Sensazionale (8 Inquadrature)

Set completo di prompt storyboard da 8 inquadrature per generare una sequenza di danza coerente. Ottimizzato per modelli gpt-image-2 con token di stile globali, prompt negativo riutilizzabile e otto prompt per inquadratura (posa di apertura, movimento fianchi, onda corporea, torsione vita, oscillazione laterale, movimento capelli, posa potente, posa finale).

prototipo
@open-design Open Design
Leggi il prompt completo →

Velar. — Immobili di lusso

Landing page immobiliare di lusso a pagina singola dall'estetica cinematografica: un preloader a macchina da scrivere che si solleva e scompare, un'immagine dell'edificio guidata dallo scroll che sale dal basso e si ingrandisce mentre si aggancia a una sezione scura di dichiarazione, una fascia di statistiche scura sticky con numeri che salgono in count-up e una galleria video che si espande al passaggio del mouse e scorre sopra la sezione scura.

video
@open-design-contributors Open Design
Leggi il prompt completo →

Video - Desk Hologram AR on Real Workspace (Seedance 2.0)

A two-phase Seedance 2.0 workflow for the viral desk-hologram format: first lock a photoreal keyframe on a real developer desk (Open Design UI on the monitor, a cobalt-blue extraterrestrial hunter standing on the keyboard), then animate that still into a ~15s 9:16 image-to-video clip. Tuned for believable AR passthrough — medium-strength VFX, real desk clutter, monitor glow spill on the character, and light physical interactions (open mug, keyboard step, bow draw). Inspired by the desk-hologram Seedance 2.0 trend; no copyrighted character names in the prompt.

video
@open-design-contributors Open Design
Leggi il prompt completo →

Video - Three Kingdoms ARPG - Lyu Bu tiro con l'arco Yuanmen (Seedance 2.0)

Sequenza d'azione cinematica di ~10 secondi: Lyu Bu tende un arco laccato rosso e scaglia una freccia di qi dorata verso un'alabarda distante. Ottimizzato per Seedance 2.0 con controllo preciso della camera, fisica dell'arco e freccia, animazione di vento, polvere e stendardi, e color grading stile screenshot. Complementa il template immagine corrispondente.

video
@open-design Open Design
Leggi il prompt completo →

Video brevi

Generazione di video brevi — clip da 3-10 secondi per reveal di prodotti, teaser animati e loop ambientali. Predefinito su Seedance 2, ma funziona anche con Kling 3 / 4, Veo 3 o Sora 2. Output in singolo file MP4 salvato nella cartella del progetto. Quando il workspace include anche una skill video interattivo/hyperframe, si consiglia di comporre più scene brevi in una singola timeline anziché un unico clip lungo monolitico.

prototipo
@open-design Open Design
Leggi il prompt completo →

Visualizzatore Worker

Crea un visualizzatore in tempo reale il cui calcolo pesante gira in un Web Worker — sistemi di particelle, fisica, frattali, visualizzazione dati/audio — condividendo opzionalmente la memoria via SharedArrayBuffer, renderizzato su canvas a 60fps. Si attiva per richieste di web worker, simulazione, particelle, fisica, frattale, calcolo fuori dal thread principale o visualizzatore in tempo reale.

Domande Frequenti

Cosa sono i template di Open Design?

Template con plugin inclusi che vengono forniti con Open Design — l'alternativa open source a Claude Design. Ogni template è un artefatto eseguibile: un prototipo, un mazzo di slide, un generatore di immagini, una composizione video o un pezzo di motion di HyperFrames. L'agente locale esegue il plugin rispetto al suo prompt e a un HTML di esempio opzionale, e produce un asset pronto da condividere sul tuo computer.

Come sono licenziati i template?

Apache-2.0 sempre. Forkalo, adatta l'example.html, modifica i token di branding — l'unica richiesta è che tu mantenga l'avviso LICENSE quando lo redistribuisci.

Posso eseguirli con le mie chiavi API?

Sì. Open Design è BYOK a tutti i livelli — le tue credenziali Claude / OpenAI / modello locale non lasciano mai la tua macchina. Il sito di marketing non effettua proxy di alcuna inferenza; le anteprime live che vedi sulle righe del catalogo provengono da poster e URL di Cloudflare Stream che i template includono, non da un runtime ospitato.

Come contribuisco con un template?

Apri una PR contro nexu-io/open-design/plugins/_official con una nuova cartella contenente open-design.json, SKILL.md e un example.html eseguibile. La guida per i contributori nel CONTRIBUTING.md del repository illustra i campi del manifest. I contributi approvati finiscono nel catalogo pubblico e appaiono automaticamente qui al prossimo deploy.

Come si differenzia da Claude Design Studio?

Claude Design Studio è il prodotto hosted di Anthropic. Open Design è l'alternativa open source a Claude Design — ogni template, prompt e design system in questo catalogo vive in un repo pubblico, viene eseguito localmente rispetto alle chiavi che scegli, e può essere esteso attraverso plugin che chiunque può creare. Rispecchiamo la stessa tassonomia di artefatti (prototipi, slide, immagini, video) così il modello mentale rimane lo stesso, ma tutto fino al runtime dell'agente rimane sulla tua macchina.

Da dove provengono le anteprime?

Il manifest di ogni template include un URL poster (CDN Cloudflare) e, per i template video, un MP4 di Cloudflare Stream. La griglia renderizza il poster come thumbnail statica e mostra il video in loop al passaggio del mouse. I template di immagini e prototipi mostrano il loro poster direttamente; cliccare per aprire l'example.html eseguibile nella pagina di dettaglio.