Categoria Design · Intelligenza Apache-2.0 · Fatto sulla Terra
Open Source Claude Design

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.

Totale · 263
Anteprima di Portfolio da creator 3D — Jack prototipo
@open-design Open Design
Leggi il prompt completo →

Portfolio da creator 3D — Jack

Landing page scura e premium per un portfolio da creator 3D: un hero a tutto schermo con titolo in gradiente e un ritratto 3D magnetico che segue il mouse, un marquee orizzontale di immagini guidato dallo scroll, una sezione About con decorazioni 3D agli angoli e testo rivelato carattere per carattere allo scroll, un elenco di servizi su sfondo bianco e card di progetto che si impilano rimpicciolendosi allo scroll.

Anteprima di AeroCore — Landing page cinematografica per motori aerospaziali prototipo
@eli Open Design
Leggi il prompt completo →

AeroCore — Landing page cinematografica per motori aerospaziali

Sito di marketing premium, cinematografico e guidato dallo scroll per la propulsione aerospaziale: un hero con gradiente dal blu al bianco caldo con wordmark in parallasse e fermo immagine del motore, una miniatura di missione che cresce fino a un video sticky a tutto schermo, una vetrina a schede ancorata, una griglia di capacità bento con card video in loop e un marquee di strumenti, un grafico di statistiche scuro animato, un binario orizzontale di video-storie e un footer a campo stellato.

Anteprima di Evergreen Finance — Landing page fintech Kova prototipo
@eli Open Design
Leggi il prompt completo →

Evergreen Finance — Landing page fintech Kova

Landing page fintech Kova premium: hero a tutto schermo con uno sfondo video boomerang avanti/indietro, comparse sfocate FadeUp, card di dashboard flottanti (grafico a linee dei risparmi + grafico a barre delle spese), una testimonianza a due colonne con un video quadrato in riproduzione automatica e una griglia di quattro funzionalità con card immagine e un grafico a ciambella delle spese.

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 Html Ppt Navigazione Frecce Minimal presentazione
@open-design Open Design
Leggi il prompt completo →

Html Ppt Navigazione Frecce Minimal

Keynote minimalista di 8 pagine con navigazione a frecce — ogni pagina con sfondo monocromatico (indaco / crema / cremisi / turchese / grigio / viola / bianco / carbone), titolo display 160px + linea accent spessa 4px, elenco Mono con prefisso →, indicazione tasti ← → in basso a sinistra + numero pagina in basso a destra, ampi spazi bianchi. Ideale per keynote, lanci e presentazioni dove c'è molto da dire ma poco da mostrare.

Anteprima di Html Ppt Hermes Terminale Cyber presentazione
@open-design Open Design
Leggi il prompt completo →

Html Ppt Hermes Terminale Cyber

Template di presentazione stile terminale scuro con sfondo nero #0a0c10, griglia cyber 56px, vignettatura CRT, linee di scansione, chrome semaforo finestra, titoli `$ prompt` da riga di comando, testo verde menta #7ed3a4, JetBrains Mono, grafici a barre outline, cursore lampeggiante, tag ambra/verde/rosso e blocchi di codice scuri. Ideale per recensioni CLI/agenti/strumenti dev (trace, diff, benchmark).

Anteprima di Blueprint di architettura della conoscenza Html Ppt presentazione
@open-design Open Design
Leggi il prompt completo →

Blueprint di architettura della conoscenza Html Ppt

Deck di architettura blueprint crema — base carta crema #F0EAE0 + evidenziazione rosso ruggine singola #B5392A, maschera griglia blueprint 48px, carte rigide con bordo nero 2px, box passaggi pipeline (uno sollevato), callout insight rosso ruggine a destra, carattere serif grande Playfair, loop di feedback SVG tratteggiato. Nessun gradiente, nessuna ombra morbida, serio e adatto alla stampa.

Anteprima di Html Ppt Obsidian Claude Gradient presentazione
@open-design Open Design
Leggi il prompt completo →

Html Ppt Obsidian Claude Gradient

Tema deck a gradiente viola scuro GitHub con sfondo GitHub-dark #0d1117, luce ambientale radiale blu-viola, maschera griglia 60px, layout centrato, tag pill viola, titoli a gradiente tricolore (#a855f7→#60a5fa→#34d399), palette codice stile GitHub e blocchi evidenziati con bordo sinistro viola. Ideale per workflow sviluppatori, MCP, Agent e tutorial su strumenti di sviluppo.

Anteprima di Html Ppt Zhangzara Sakura Chroma presentazione
@open-design Open Design
Leggi il prompt completo →

Html Ppt Zhangzara Sakura Chroma

Sakura Chroma — Estetica vintage di confezioni di cassette giapponesi: carta color crema, nastri arcobaleno diagonali, caratteri condensati grassetto, checkbox stile JIS. Perfetto per presentazioni di brand hardware indie, calendari di uscite musicali, retrospettive di studi analogici, proposte di riviste, lanci di prodotti kawaii-tech e relazioni annuali di studi creativi.

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 Layered Depth — Studio di architettura Qelora prototipo
@eli Open Design
Leggi il prompt completo →

Layered Depth — Studio di architettura Qelora

Landing parallax a livelli e cinematografica per uno studio di architettura: video di sfondo a schermo intero, un enorme wordmark del brand centrato dietro una lastra scultorea in parallax, una macchina a stati di video di uccelli animati, pillole di navigazione e pannelli informativi in vetro smerigliato e una seconda sezione video a schermo intero con un titolo editoriale centrato.

Anteprima di Nimbus Grid — Cloud storage sicuro prototipo
@eli Open Design
Leggi il prompt completo →

Nimbus Grid — Cloud storage sicuro

Sito di marketing a pagina singola in tonalità scure e oro caldo per un prodotto di cloud storage sicuro: un hero con shader con console live ed effetto macchina da scrivere, una fisarmonica di piattaforma fissa guidata dallo scroll, un campo di barre dei prezzi che si trasforma allo scroll, schede di sicurezza, una vetrina della console con inclinazione 3D e un cubo operativo che esplode al clic.

Anteprima di Open Design Landing Deck presentazione
@open-design Open Design
Leggi il prompt completo →

Open Design Landing Deck

Produce un deck di slide in file singolo nel linguaggio visivo Atelier Zero (sfondo carta calda, enfasi serif corsiva, punti terminali corallo, tavole collage surreale). Con paginazione orizzontale stile rivista (←/→, rotella, swipe), striscia chrome con marchio e contatore slide, griglia panoramica ESC, barra progresso corallo, ed eredita il foglio di stile canonico + libreria immagini 16 slot dalla skill sorella open-design-landing.

Anteprima di Orbit Generale 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.

Anteprima di Orbit Notion 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.

Anteprima di Replit Deck presentazione
@open-design Open Design
Leggi il prompt completo →

Replit Deck

Deck HTML a file singolo con scorrimento orizzontale nello stile della galleria di template della landing page di Replit Slides. Otto temi distinti (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – ognuno un sistema visivo completo (palette + tipografia + accento) catturato da replit.com/slides. Scegli un tema, non mescolare. Per pitch deck, report aziendali, memo di brand, reveal di campagne – quando l'utente vuole esplicitamente lo stile Replit Slides.

Anteprima di Carosello Social 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).

Anteprima di Velar. — Immobili di lusso 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.

Anteprima di Video brevi 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.

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.