Categoria Design · Intelligenza Apache-2.0 · Fatto sulla Terra
Stella · 62.2KScarica
IT
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 · 254
Tipo di artefatto
Anteprima di AeroCore — Cinematic Aerospace Engine Landing prototipo
@eli Open Design
Leggi il prompt completo →

AeroCore — Cinematic Aerospace Engine Landing

Premium scroll-cinematic aerospace propulsion marketing site: a blue-to-warm-white gradient hero with parallax wordmark and engine still, a mission thumbnail that grows into a fullscreen sticky video, a pinned tabbed showcase, a bento capabilities grid with looping video cards and a tool marquee, an animated dark stats chart, a horizontal video-story rail, and a starfield footer.
Usa questo template
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.
Usa questo template
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.
Usa questo template
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).
Usa questo template
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.
Usa questo template
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.
Usa questo template
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.
Usa questo template
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).
Usa questo template
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.
Usa questo template
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.
Usa questo template
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.
Usa questo template
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.
Usa questo template
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.
Usa questo template
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 '三连发'.
Usa questo template
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).
Usa questo template
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.
Usa questo template
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.
Usa questo template
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.
Usa questo template

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.