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.

presentazione
@lewislulu Open Design
Leggi il prompt completo →

Academic Paper

LaTeX-paper deck theme: paper-white #fdfcf8 ground, all-serif type (Latin Modern Roman with Playfair Display fallback), ink-black body, link-blue #1a3a7a underlined citation anchors, italic kickers, zero radius and near-zero shadow, double-rule title page, numbered Figure/Table captions and booktabs three-line tables. Single-file HTML deck with keyboard navigation and hash deep links — for conference talks, thesis defenses, research reviews and journal clubs. Based on lewislulu/html-ppt-skill academic-paper.

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Annual Letter

Stripe-annual-letter style single-file HTML decks: cream #FBFAF8 paper with a single Stripe-purple #635BFF accent, serif prose paragraphs at a 65ch publication measure, inline data cards embedded in the running text, and oversized tabular display-number anchor pages — the 'editorial longform' letter genre, prose flow instead of bullets. Based on alchaincyf/huashu-design editorial-longform (design-styles.md 安静派 · Editorial Longform).

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Bento Insight Grid

Apple Keynote / QBR-school bento decks: light-grey #F5F5F7 and cream pages, unequal-height rounded cards with 1px hairlines and micro shadows, one insight per card (giant Geist Mono tabular numeral, linear inline-SVG icon, or SVG sparkline), oversized display headlines with hard weight contrast, Inter/Geist typography on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design design-styles.md bento-grid spec (Bento便当格模块网格, neutral school, 95% fidelity), generated from the spec into a full multi-section deck.

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.

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Golden Circle Diagram

Sinek/TED-school diagrammatic minimalism decks: warm-white paper, ink, and exactly one gold accent (#E8860C) with its tints; a single geometric master figure — nested concentric WHY/HOW/WHAT circles built from pure border-radius divs — carries every page of the deck through fill, highlight, grey, and outline modes; uppercase Jost labels embedded in the figure, Manrope display headlines, inside-out arrows, zero charts and zero images. Based on https://github.com/alchaincyf/huashu-design design-styles.md diagrammatic-minimalism (单图母图概念图解), generated from the spec into a full multi-section deck.

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).

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.

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.

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 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.

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Keynote Black

Jobs-2007 / Lei-Jun-launch-event keynote decks: pure black #000000 stage, pure white type, one word or one giant tabular-nums numeral per screen, exactly one brand accent (Mi orange #FF6900 / Spotify green #1ED760 / Apple blue #2997FF) per deck, massive negative space, faint center spotlight, accent-vs-grey spec-comparison bars, and a price-reveal climax page on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design black-big-number-stage (design-styles.md 大胆派「黑底巨型数字剧场」, generated from spec and wrapped in a full multi-section deck shell).

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Luxe Whitespace

Quiet-luxury decks with 70%+ whitespace: a warm off-white #FAFAF8 canvas, Inter 200-600 ultra-thin hierarchy, 120px weight-200 floating numerals with gold decimal points, one warm gold (#D4A574) spent only on hairlines and winning comparison bars, and gradient hairline separators (#E0DCD6) on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design ppt-build, expanded from a single showcase page into a full multi-section deck.

presentazione
@lewislulu Open Design
Leggi il prompt completo →

Memphis Pop

80s Memphis pop deck — warm cream canvas tiled edge-to-edge with a pink/teal/yellow confetti-dot pattern, 2.5px black-outlined cards with 5–9px hard offset shadows, hot-pink #ff3d8b lead accent, Archivo Black display type. Single-file HTML, keyboard navigation, zero dependencies. Based on lewislulu/html-ppt-skill memphis-pop. Use for playful product launches, creative pitches, community talks, or any deck that wants loud 1980s Memphis-design energy.

presentazione
@nicobailon Open Design
Leggi il prompt completo →

Midnight Editorial

Cinematic editorial dark deck theme: deep navy #0f1729 pages with warm gold #d4a73a accents, Instrument Serif 120px dramatic display dropping straight to 14px JetBrains Mono labels, a gold radial accent glow per slide, gold SVG corner marks and ghost section numerals, staggered cinematic reveal transitions, and a locked cream/gold light mode toggled by the SlideEngine (T key). Pure CSS/SVG diagrams and charts, keyboard-first single-file HTML, zero external JS. Based on https://github.com/nicobailon/visual-explainer midnight-editorial (templates/slide-deck.html), locked as a single-aesthetic deck plugin. Use for engineering reviews, product keynotes and editorial launches that should feel like a midnight issue of a serious journal.

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Narrative Sparkline

Duarte-style narrative sparkline decks: one oscillating SVG bézier waveform spanning the full 1920×1080 canvas, brand-orange (#FF6B2C) turning-point annotations, greyed ghost comparison lines, stroke-dashoffset progressive reveal, mono hairline chrome, Inter + Geist Mono. Built for change narratives, before/after contrasts, and data story arcs. Based on https://github.com/alchaincyf/huashu-design narrative-sparkline (references/design-styles.md · 中性派 · Sparkline叙事波形), generated from spec into a full multi-section 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.

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.

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Pentagram Info-Architecture

Rational Swiss-grid data decks: black-and-white restraint, Helvetica Neue hierarchy, one red (#E63946), 64px black chrome bars, 5%-opacity grid hairlines, and 260px giant numerals anchoring red/dark/grey comparison bar charts on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design ppt-pentagram, expanded from a single showcase page into a full multi-section deck.

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.

presentazione
@lewislulu Open Design
Leggi il prompt completo →

Retro TV

80s/90s picture-tube deck — warm cream canvas with CRT scanlines on every slide (::before repeating-gradient) over a curved-glass tube vignette, amber #e67e14 / brick-red #c73a1f accents, Playfair Display headlines with heavy offset shadows, test-card color bars and antenna/dial inline-SVG decor. Single-file HTML, keyboard navigation, zero dependencies. Based on lewislulu/html-ppt-skill retro-tv. Use for nostalgic product launches, media or entertainment pitches, retrospectives, or any deck that wants warm broadcast-era television energy.

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).

presentazione
@alchaincyf Open Design
Leggi il prompt completo →

Takram Soft Tech

Soft Eastern-philosophy tech decks: warm rice-paper canvas (#F5F0EB), sage green #6B8F71 + one gold #D4A574 + warm grays, Noto Serif SC display headings mixed with Inter labels, rounded translucent data cards, and SVG data visualization treated as an art piece — three-series overlaid radar charts on hand-drawn dashed grids with Fig. NN plate annotations, on a fixed 1920×1080 canvas. Based on https://github.com/alchaincyf/huashu-design ppt-takram, expanded from a single showcase page into a full multi-section deck.

presentazione
@nicobailon Open Design
Leggi il prompt completo →

Terminal Mono

Developer-native dark deck theme: near-black #0a0e14 ground, Geist Mono everywhere with large weight-400 titles (never bold display), Dracula-green #50fa7b accent, faint dot-grid texture, and low-opacity green hairlines. Zero skeuomorphism, zero effects - pure typographic discipline. Scroll-snap single-file HTML with SlideEngine navigation, hash routing, and automatic light mode (#f4f6f8 / #0d7a3e) via prefers-color-scheme. Based on nicobailon/visual-explainer terminal-mono.

presentazione
@lewislulu Open Design
Leggi il prompt completo →

True Blueprint

True-blueprint deck theme: a blueprint-blue #0b3a6f full-bleed field under a 40px white drafting grid, dashed-border translucent cards, white and ice-blue #aee1ff ink lines with amber #ffd27a annotations, every glyph in JetBrains Mono, 2px corners, zero shadows. Drawing-sheet chrome (title block, sheet index, construction-line section numbers, hatched CSS bars, inline-SVG schematics) makes it the natural skin for system-architecture and engineering-design decks. Single self-contained HTML file, zero external JS. Based on lewislulu/html-ppt-skill blueprint theme.

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.

presentazione
@lewislulu Open Design
Leggi il prompt completo →

Y2K Chrome

Y2K chrome deck — full-bleed 5-stop silver-metal gradient canvas, white→steel→gunmetal chrome-clipped H1 headlines, 72% white frosted-glass cards with inset top highlights, 26–36px mega-radius corners, candy purple #8a5cff / aqua #3ccfd8 / pink #ff84c4 accents, glossy orb and sparkle decor, Space Grotesk type. Single-file HTML, keyboard navigation, zero dependencies. Based on lewislulu/html-ppt-skill y2k-chrome. Use for product launches, consumer-app pitches, music/fashion/creator decks, or anything that wants millennium-bug-era metallic shine.

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.