Categorie Design · Intelligentie Apache-2.0 · Made on Earth
Ster · 62.2KDownload
NL
Open Source Claude Design

Templates.

Agent-gebouwde artifacts die je kunt forken en deployen — prototypes, slides, image- en videosjablonen. Voer ze uit op je eigen keys met de lokale agent; de prompts, posters en voorbeeld-HTML staan allemaal onder Apache-2.0.

Totaal · 254
Type artefact
Voorvertoning van AeroCore — Cinematic Aerospace Engine Landing prototype
@eli Open Design
Lees volledige prompt →

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.
Dit sjabloon gebruiken
Voorvertoning van Gamescreenshot - Three Kingdoms ARPG: Lü Bu's boogschietscène bij Yuanmen afbeelding
@open-design-contributors Open Design
Lees volledige prompt →

Gamescreenshot - Three Kingdoms ARPG: Lü Bu's boogschietscène bij Yuanmen

Action-RPG-screenshot van de beroemde Three Kingdoms-scène waarin Lü Bu een verre hellebaard bij de kamppoort neerschiet om een gevecht te stoppen. Fotorealistische filmische stijl van Black Myth: Wukong met Unreal Engine 5, third-person over-de-schouder gameplay en volledige in-game HUD (HP- en qi-balken, minimap, skill hotbar, doelmarkering met afstand). Geoptimaliseerd voor gpt-image-2 in 16:9-formaat.
Dit sjabloon gebruiken
Voorvertoning van Html Ppt Pijltoetsnavigatie Minimaal presentatie
@open-design Open Design
Lees volledige prompt →

Html Ppt Pijltoetsnavigatie Minimaal

8-pagina minimalistisch keynote met pijltoetsnavigatie — elke pagina met effen achtergrond (indigo / crème / karmozijn / turquoise / grijs / paars / wit / antraciet), 160px display-titel + 4px dikke accentlijn, Mono-lijst met → prefix, ← → toetsaanduiding linksonder + paginanummer rechtsonder, ruime witruimte. Ideaal voor keynotes, lanceringen en presentaties waar veel te zeggen is maar weinig te tonen.
Dit sjabloon gebruiken
Voorvertoning van Hyperframes video
@open-design Open Design
Lees volledige prompt →

Hyperframes

Maak videocomposities, animaties, titelkaarten, overlays, ondertiteling, voice-overs, audio-reactieve visuals en scèneovergangen in HyperFrames HTML. Ondersteunt HTML-videocontent, met audio gesynchroniseerde ondertiteling, text-to-speech narration, audio-reactieve animaties (beat sync, glow, pulse), geanimeerde tekstmarkering (marker sweeps, handgetekende cirkels, burst-lijnen, krabbels, schetsen) en scèneovergangen (crossfades, wipes, reveals, shader-overgangen).
Dit sjabloon gebruiken
Voorvertoning van Infographic - Otaku dans choreografie-uitsplitsing (Gokuraku Jodo, 16 panelen) afbeelding
@open-design-contributors Open Design
Lees volledige prompt →

Infographic - Otaku dans choreografie-uitsplitsing (Gokuraku Jodo, 16 panelen)

Een verticale 2:3-poster bestaand uit een 4×4-raster van 16 vierkante panelen, met een volledige choreografie-uitsplitsing van het beroemde Japanse otaku-dansnummer 極楽浄土 (Gokuraku Jodo). Elk paneel toont hetzelfde semi-realistische anime-idoolmeisje in kenmerkende dansposes, ontworpen als posereferentieblad voor AI-videogeneratie met gpt-image-2, formaat 2:3.
Dit sjabloon gebruiken
Voorvertoning van Open Design Landing Deck presentatie
@open-design Open Design
Lees volledige prompt →

Open Design Landing Deck

Produceert een enkel-bestand slide deck in de Atelier Zero visuele taal (warm papieren achtergrond, cursieve serif nadruk, koraalkleurige eindpunten, surrealistische collage platen). Met horizontale magazine-stijl swipe paginering (←/→, wiel, vegen), chrome strip met merkteken en slide teller, ESC overzichtsraster, koralen voortgangsbalk, en erft de canonieke stylesheet + 16-slot afbeeldingsbibliotheek van de zuster-skill open-design-landing.
Dit sjabloon gebruiken
Voorvertoning van Orbit Algemeen prototype
@open-design Open Design
Lees volledige prompt →

Orbit Algemeen

Wordt automatisch geactiveerd door Orbit wanneer twee of meer connectoren zijn verbonden. Verzamelt activiteiten van de afgelopen 24 uur van alle geauthenticeerde connectoren (GitHub, Linear, Notion, Slack, 飞书, Agenda, Gmail, Drive, Sentry, Vercel, enz.) en genereert een adaptief bento-grid dashboard bovenaan "我的设计". Wordt automatisch uitgevoerd door de dagelijkse digest-scheduler van Orbit.
Dit sjabloon gebruiken
Voorvertoning van Orbit Notion prototype
@open-design Open Design
Lees volledige prompt →

Orbit Notion

Open Orbit briefing-vaardigheid — geselecteerd door de Orbit-pipeline wanneer Notion de enige verbonden connector van de gebruiker is of wanneer de gebruiker hun dagelijkse digest expliciet beperkt tot Notion. Haalt de documentbewerkingen, opmerkingen, vermeldingen en databaserijwijzigingen van de afgelopen 24 uur op uit de geauthenticeerde Notion-verbinding van de gebruiker en rendert de digest als een native Notion-pagina (callout/toggle/databasetabel-elementen). Deze vaardigheid mag niet handmatig worden geactiveerd — het wordt aangeroepen door de dagelijkse digest-scheduler van Orbit tegen live Notion-gegevens.
Dit sjabloon gebruiken
Voorvertoning van Replit Deck presentatie
@open-design Open Design
Lees volledige prompt →

Replit Deck

Eenbestandig horizontaal swipe HTML-deck in de stijl van de Replit Slides landingspagina sjabloongalerij. Acht verschillende thema's (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – elk een compleet visueel systeem (palet + typografie + accent) van replit.com/slides. Kies één thema, niet mixen. Voor pitch decks, bestuursrapporten, brandmemo's, campagne-onthullingen – wanneer de gebruiker expliciet de Replit Slides-stijl wil.
Dit sjabloon gebruiken
Voorvertoning van Sociale Carousel prototype
@open-design Open Design
Lees volledige prompt →

Sociale Carousel

Een driekaarten social media-carousel met 1080×1080 vierkanten – drie filmische, merkconforme panelen met display-koppen die over de serie heen verbonden zijn ('voorwaarts.' → 'naar de volgende.' → 'vooruitkijkend.'). Elke kaart heeft een merkteken, nummer/totaal, bijschrift en een 'loop'-affordance. Gebruik wanneer de briefing vraagt om 'carrouselpost', 'sociale carousel', 'Instagram-carousel', 'LinkedIn-serie', 'X-thread-kaarten' of '三连发'.
Dit sjabloon gebruiken
video
@open-design-contributors Open Design
Lees volledige prompt →

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.
Dit sjabloon gebruiken
video
@open-design-contributors Open Design
Lees volledige prompt →

Video - Three Kingdoms ARPG - Lyu Bu Yuanmen boogschutterij (Seedance 2.0)

~10 seconden durende in-engine actiesequentie: Lyu Bu spant een roodgelakte langboog en schiet een goudgloeiende qi-pijl naar een verre hellebaard. Geoptimaliseerd voor Seedance 2.0 met strakke cameracontrole, boog/pijl-fysica, wind-, stof- en banieranimaties, en kleurgrading in screenshot-stijl. Vult het bijbehorende afbeeldingstemplate aan.
Dit sjabloon gebruiken
Voorvertoning van Korte video video
@open-design Open Design
Lees volledige prompt →

Korte video

Korte videogeneratie — clips van 3-10 seconden voor productreviews, motion teasers en ambient loops. Standaard Seedance 2, maar werkt hetzelfde met Kling 3 / 4, Veo 3 of Sora 2. Output is één MP4-bestand opgeslagen in de projectmap. Wanneer de workspace ook een interactieve video-/hyperframes-vaardigheid biedt, heeft het de voorkeur om meerdere korte shots in één tijdlijn te componeren in plaats van één lang monolithisch clip.
Dit sjabloon gebruiken

Veelgestelde vragen

Wat zijn Open Design-sjablonen?

Gebundelde plugin-sjablonen die bij Open Design horen — het open source Claude Design-alternatief. Elk sjabloon is een runnable artifact: een prototype, presentatiedeck, imagegenerator, videocompositie of HyperFrames motion piece. Je lokale agent voert de plugin uit tegen zijn prompt en optionele voorbeeld-HTML, en produceert een klaar-om-te-delen asset op je eigen machine.

Onder welke licentie vallen de sjablonen?

Apache-2.0 overal. Fork de prompt, pas de example.html aan, verander de brand tokens — het enige wat we vragen is dat je de LICENSE-mededeling behoudt wanneer je het herverdeelt.

Kan ik ze uitvoeren met mijn eigen API-keys?

Ja. Open Design is BYOK op elk niveau — je Claude / OpenAI / lokale-model-referenties verlaten je machine nooit. De marketingsite proxy geen inference; de live voorbeelden die je in de catalogusrijen ziet, komen van posters en Cloudflare Stream URL's die de sjablonen meebrengen, niet van een gehoste runtime.

Hoe draag ik een sjabloon bij?

Open een PR tegen nexu-io/open-design/plugins/_official met een nieuwe map met daarin open-design.json, SKILL.md en een runnable example.html. De bijdragersrichtlijn in de CONTRIBUTING.md van de repo doorloopt de manifestvelden. Goedgekeurde bijdragen verschijnen in de publieke catalogus en komen hier automatisch naar voren bij de volgende deploy.

Wat is het verschil met Claude Design Studio?

Claude Design Studio is Anthropic's gehoste product. Open Design is het open source Claude Design-alternatief — elk sjabloon, prompt en designsysteem in deze catalogus leeft in een openbare repo, draait lokaal tegen de keys die je kiest, en kan worden uitgebreid via plugins die iedereen kan schrijven. We spiegelen dezelfde artifact-taxonomie (prototypes, slides, images, video) zodat het mentale model overeenkomt, maar alles tot en met de agent runtime blijft op je machine.

Waar komen de voorbeelden vandaan?

Het manifest van elk sjabloon bevat een poster-URL (Cloudflare CDN) en voor videosjablonen een Cloudflare Stream MP4. Het raster rendert de poster als statische thumbnail en wisselt de loopvideo in bij hover. Image- en prototype-sjablonen tonen hun poster direct; als je doorklikt, opent de runnable example.html op de detailpagina.