Vorlagen.

Agent-erstellte Artefakte, die du forken und deployen kannst — Prototypen, Slides, Bild- und Video-Templates. Führe sie auf deinen eigenen Keys mit dem lokalen Agent aus; die Prompts, Poster und Beispiel-HTML stehen alle unter Apache-2.0.

Deck
@lewislulu Open Design
Vollständigen Prompt lesen →

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.

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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.

Digitaler E-Guide Vorschau Prototyp
@open-design Open Design
Vollständigen Prompt lesen →

Digitaler E-Guide

Vorschau eines zweiseitigen digitalen E-Guides – Seite 1 ist ein Cover (Titel, Autor, ‚Was enthalten ist'-Statistiken, Inhaltsverzeichnis-Teaser); Seite 2 ist eine Doppelseite (Lektionstext mit Pullquote und Schritt-Liste). Lifestyle-/Creator-Brand-Ton. Verwenden bei Anfragen nach ‚E-Guide', ‚Digital Guide', ‚Lookbook', ‚Lead Magnet', ‚Creator Guide', ‚Playbook', ‚PDF-Guide' oder ‚电子指南'.

Game Screenshot - Three Kingdoms ARPG: Lü Bus Yuanmen-Bogenschießen Vorschau Bild
@open-design-contributors Open Design
Vollständigen Prompt lesen →

Game Screenshot - Three Kingdoms ARPG: Lü Bus Yuanmen-Bogenschießen

Action-RPG-Screenshot der berühmten Three-Kingdoms-Szene, in der Lü Bu eine entfernte Hellebarde am Lagertor abschießt. Im fotorealistischen Kinematik-Stil von Black Myth: Wukong mit Unreal Engine 5, Third-Person-Perspektive und vollständigem Ingame-HUD (HP/Qi-Balken, Minimap, Skill-Hotbar, Zielmarkierung mit Distanzanzeige). Optimiert für gpt-image-2 im 16:9-Format.

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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.

Deck
@open-design Open Design
Vollständigen Prompt lesen →

Html Ppt Hermes Cyber-Terminal

Dunkles Terminal-Stil-Präsentationstemplate mit #0a0c10 schwarzem Hintergrund, 56px Cyber-Raster, CRT-Vignette, Scanlines, Fenster-Ampel-Chrome, `$ prompt`-Befehlszeilen-Titel, Mintgrün #7ed3a4 Großschrift, JetBrains Mono, Outline-Balkendiagrammen, blinkendem Cursor, Bernstein/Grün/Rot-Tags und dunklen Codeblöcken. Ideal für CLI/Agent/Dev-Tool-Reviews (inkl. Trace, Diff, Benchmark).

Hyperframes Vorschau Video
@open-design Open Design
Vollständigen Prompt lesen →

Hyperframes

Erstellen Sie Videokompositionen, Animationen, Titelkarten, Overlays, Untertitel, Voice-Overs, audioreaktive Visuals und Szenenübergänge in HyperFrames HTML. Unterstützt HTML-basierte Videoinhalte, audio-synchronisierte Untertitel, Text-to-Speech-Narration, musikgesteuerte Animationen (Beat-Sync, Glow, Pulse), animierte Texthervorhebungen (Marker-Sweeps, handgezeichnete Kreise, Burst-Linien, Kritzeleien, Sketch-Effekte) und Szenenübergänge (Crossfades, Wipes, Reveals, Shader-Übergänge).

Infografik - Otaku-Tanz-Choreografie-Aufschlüsselung (Gokuraku Jodo, 16 Panels) Vorschau Bild
@open-design-contributors Open Design
Vollständigen Prompt lesen →

Infografik - Otaku-Tanz-Choreografie-Aufschlüsselung (Gokuraku Jodo, 16 Panels)

Ein vertikales 2:3-Poster mit 4×4-Raster aus 16 quadratischen Panels, das eine vollständige Choreografie-Aufschlüsselung des japanischen Otaku-Tanzsongs 極楽浄土 (Gokuraku Jodo) zeigt. Jedes Panel zeigt dasselbe halb-realistische Anime-Idol-Mädchen in charakteristischen Tanzposen, entwickelt als Posen-Referenz für KI-Videogenerierung mit gpt-image-2, 2:3-Format.

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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.

Deck
@lewislulu Open Design
Vollständigen Prompt lesen →

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.

Deck
@nicobailon Open Design
Vollständigen Prompt lesen →

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.

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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.

Deck
@open-design Open Design
Vollständigen Prompt lesen →

Open Design Landing Deck

Erstellt ein Einzeldatei-Slidedeck in der Atelier Zero Bildsprache (warmer Papierhintergrund, kursive Serifen-Hervorhebungen, korallfarbene Endpunkte, surrealistische Collagen). Mit horizontaler Magazin-Wischnavigation (←/→, Mausrad, Wischen), Chrome-Leiste mit Markenzeichen und Folienzähler, ESC-Übersichtsraster, korallfarbenem Fortschrittsbalken und erbt Stylesheet plus 16-Slot-Bildbibliothek vom Geschwister-Skill open-design-landing.

Prototyp
@open-design Open Design
Vollständigen Prompt lesen →

Orbit Notion

Open Orbit Briefing-Skill – wird von der Orbit-Pipeline ausgewählt, wenn Notion der einzige verbundene Connector des Benutzers ist oder wenn der Benutzer seinen täglichen Digest explizit auf Notion beschränkt. Ruft die Dokumentbearbeitungen, Kommentare, Erwähnungen und Datenbankzeilenänderungen der letzten 24 Stunden aus der authentifizierten Notion-Verbindung des Benutzers ab und rendert den Digest als native Notion-Seite (Callout/Toggle/Datenbanktabellen-Elemente). Dieser Skill sollte nicht manuell ausgelöst werden – er wird vom täglichen Digest-Scheduler von Orbit gegen Live-Notion-Daten aufgerufen.

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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.

Replit Deck Vorschau Deck
@open-design Open Design
Vollständigen Prompt lesen →

Replit Deck

Einseitiges horizontales HTML-Deck im Stil der Replit Slides Landingpage-Vorlagengalerie. Acht verschiedene Themes (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – jedes ein vollständiges visuelles System (Palette + Schrift + Akzent) von replit.com/slides. Wählen Sie ein Theme, nicht mischen. Für Pitch-Decks, Vorstandsberichte, Marken-Memos, Kampagnen-Reveals – wenn der Nutzer explizit den Replit Slides-Stil wünscht.

Deck
@lewislulu Open Design
Vollständigen Prompt lesen →

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.

Social Carousel Vorschau Prototyp
@open-design Open Design
Vollständigen Prompt lesen →

Social Carousel

Ein dreiteiliges Social-Media-Karussell mit 1080×1080-Quadraten – drei filmische, markengerechte Panels mit Display-Überschriften, die über die Serie hinweg verbunden sind ('vorwärts.' → 'zum nächsten.' → 'nach vorne blicken.'). Jede Karte enthält ein Markenzeichen, Nummer/Gesamt, eine Bildunterschrift und ein 'Loop'-Affordance. Verwenden Sie es für Anfragen wie 'Karussell-Post', 'Social Carousel', 'Instagram-Karussell', 'LinkedIn-Serie', 'X-Thread-Karten' oder '三连发'.

Social-Media-Post - Sensationeller Girl-Dance-Storyboard (8 Shots) Vorschau Bild
@open-design-contributors Open Design
Vollständigen Prompt lesen →

Social-Media-Post - Sensationeller Girl-Dance-Storyboard (8 Shots)

Komplettes 8-Shot-Storyboard-Prompt-Set zur Generierung einer kohärenten Tanzsequenz. Optimiert für gpt-image-2-Modelle mit globalen Style-Tokens, wiederverwendbarem Negativ-Prompt und acht Shot-Prompts (Eröffnungspose, Hüftbewegung, Body Wave, Beat-Drop-Taillendreh, seitliches Hüftschwingen, Haarwurf, Power-Stance, Abschlusspose).

Deck
@alchaincyf Open Design
Vollständigen Prompt lesen →

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.

Deck
@nicobailon Open Design
Vollständigen Prompt lesen →

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.

Deck
@lewislulu Open Design
Vollständigen Prompt lesen →

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.

Prototyp
@open-design Open Design
Vollständigen Prompt lesen →

Velar. — Luxusimmobilien

Cineastische One-Page-Landingpage für Luxusimmobilien: ein Schreibmaschinen-Preloader, der nach oben verschwindet, ein scrollgesteuertes Gebäudebild, das von unten aufsteigt und sich vergrößert, während es an einem dunklen Statement-Abschnitt andockt, ein klebriges dunkles Statistik-Band mit hochzählenden Zahlen und eine bei Hover aufklappende Videogalerie, die über den dunklen Abschnitt nach oben gleitet.

Video
@open-design-contributors Open Design
Vollständigen Prompt lesen →

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
Vollständigen Prompt lesen →

Video - Three Kingdoms ARPG - Lyu Bu Yuanmen-Bogenschießen (Seedance 2.0)

~10 Sekunden lange In-Engine-Actionsequenz: Lyu Bu spannt einen rotlackierten Langbogen und schießt einen goldleuchtenden Qi-Pfeil auf eine entfernte Hellebarde. Optimiert für Seedance 2.0 mit präziser Kameraführung, Bogen-/Pfeilphysik, Wind-, Staub- und Banneranimationen sowie Farbabstufung im Screenshot-Stil. Ergänzt das passende Bildtemplate.

Video
@open-design Open Design
Vollständigen Prompt lesen →

Video-Kurzform

Kurzform-Videogenerierung — 3-10 Sekunden Clips für Produktenthüllungen, Motion-Teaser und Ambient-Loops. Standardmäßig Seedance 2, funktioniert aber auch mit Kling 3 / 4, Veo 3 oder Sora 2. Ausgabe ist eine MP4-Datei im Projektordner. Wenn der Workspace auch interaktive Video-/Hyperframe-Skills bietet, sollten mehrere kurze Aufnahmen zu einer Timeline kombiniert werden statt eines langen monolithischen Clips.

Deck
@lewislulu Open Design
Vollständigen Prompt lesen →

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.

FAQ

Was sind Open Design Templates?

Gebündelte Plugin-Templates, die mit Open Design — der open source Claude Design Alternative — ausgeliefert werden. Jedes ist ein ausführbares Artefakt: ein Prototyp, ein Slide Deck, ein Bildgenerator, eine Video-Komposition oder ein HyperFrames Motion-Stück. Dein lokaler Agent führt das Plugin gegen seinen Prompt und optional gegen ein Beispiel-HTML aus und erzeugt ein fertiges, teilbares Asset auf deinem eigenen Rechner.

Unter welcher Lizenz stehen die Templates?

Apache-2.0 durchgehend. Forke den Prompt, passe die example.html an, ändere die Brand-Tokens — die einzige Bitte ist, dass du den LICENSE-Hinweis beibehältst, wenn du es weitergibst.

Kann ich sie mit meinen eigenen API-Keys ausführen?

Ja. Open Design ist BYOK auf jeder Ebene — deine Claude / OpenAI / Local-Model-Zugangsdaten verlassen niemals deinen Rechner. Die Marketing-Website proxyt keine Inferenz; die Live-Vorschauversionen, die du in den Katalogzeilen siehst, stammen von Postern und Cloudflare Stream URLs, die die Templates mitbringen, nicht von einer gehosteten Runtime.

Wie trage ich ein Template bei?

Öffne einen PR gegen nexu-io/open-design/plugins/_official mit einem neuen Ordner, der open-design.json, SKILL.md und ein ausführbares example.html enthält. Der Contributor-Leitfaden in der CONTRIBUTING.md des Repos führt dich durch die Manifest-Felder. Genehmigte Beiträge landen im öffentlichen Katalog und werden hier beim nächsten Deploy automatisch angezeigt.

Wie unterscheidet sich das von Claude Design Studio?

Claude Design Studio ist Anthropics gehostetes Produkt. Open Design ist die open source Claude Design Alternative — jedes Template, jeder Prompt und jedes Design System in diesem Katalog lebt in einem öffentlichen Repo, läuft lokal gegen die Keys deiner Wahl und kann durch Plugins erweitert werden, die jeder verfassen kann. Wir verwenden die gleiche Artefakt-Taxonomie (Prototypen, Slides, Bilder, Video), damit die mentale Modellierung übertragbar ist, aber alles bis hinunter zur Agent-Runtime bleibt auf deinem Rechner.

Woher kommen die Vorschauversionen?

Das Manifest jedes Templates trägt eine Poster-URL (Cloudflare CDN) und für Video-Templates eine Cloudflare Stream MP4. Das Grid rendert das Poster als statische Vorschau und wechselt beim Hover zum loopenden Video. Bild- und Prototypen-Templates zeigen ihr Poster direkt an; durch Klicken wird das ausführbare example.html auf der Detail-Seite geöffnet.