Kategorie Design · Intelligenz Apache-2.0 · Made on Earth
Stern · 62.2KDownload
DE
Open Source Claude Design

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.

Gesamt · 254
Artefakt-Art
AeroCore — Cinematic Aerospace Engine Landing Vorschau Prototyp
@eli Open Design
Vollständigen Prompt lesen →

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.
Dieses Template verwenden
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 ‚电子指南'.
Dieses Template verwenden
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.
Dieses Template verwenden
Html Ppt Richtungstastennavigation Minimal Vorschau Deck
@open-design Open Design
Vollständigen Prompt lesen →

Html Ppt Richtungstastennavigation Minimal

8-seitiges minimalistisches Pfeiltasten-Keynote — jede Seite mit einfarbigem Hintergrund (Indigo / Creme / Weinrot / Türkis / Grau / Lila / Weiß / Anthrazit), 160px Display-Titel + 4px dicke Akzentlinie, Pfeil-→-Präfix Mono-Liste, links unten ← → Tastaturhinweis + rechts unten Seitenzahl, großzügiger Weißraum. Ideal für Keynotes, Launches und Präsentationen mit viel zu sagen, aber wenig zu zeigen.
Dieses Template verwenden
Html Ppt Hermes Cyber-Terminal Vorschau 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).
Dieses Template verwenden
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).
Dieses Template verwenden
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.
Dieses Template verwenden
Open Design Landing Deck Vorschau 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.
Dieses Template verwenden
Orbit Notion Vorschau 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.
Dieses Template verwenden
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.
Dieses Template verwenden
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 '三连发'.
Dieses Template verwenden
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).
Dieses Template verwenden
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.
Dieses Template verwenden
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.
Dieses Template verwenden
Video-Kurzform Vorschau 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.
Dieses Template verwenden

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.