Modèles.

Des artefacts construits par agent que vous pouvez forker et déployer — prototypes, diaporamas, modèles d'images et vidéos. Exécutez-les sur vos propres clés avec l'agent local ; les prompts, affiches et HTML d'exemple sont tous sous Apache-2.0.

presentation
@lewislulu Open Design
Lire le prompt complet →

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.

presentation
@alchaincyf Open Design
Lire le prompt complet →

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

presentation
@alchaincyf Open Design
Lire le prompt complet →

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.

Aperçu de Guide numérique prototype
@open-design Open Design
Lire le prompt complet →

Guide numérique

Aperçu d'un guide numérique à deux pages — page 1 : couverture (titre, auteur, statistiques 'Ce qui est inclus', aperçu de la table des matières) ; page 2 : double page (corps de leçon avec citation et liste d'étapes). Ton lifestyle / marque créateur. À utiliser pour les demandes d'« e-guide », « guide numérique », « lookbook », « lead magnet », « guide créateur », « playbook », « guide PDF » ou « 电子指南 ».

Aperçu de Modèle de tableau de bord en direct Flowai prototype
@open-design Open Design
Lire le prompt complet →

Modèle de tableau de bord en direct Flowai

Tableau de bord de gestion d'équipe dans l'esthétique FlowAI avec trois onglets (Membres de l'équipe, Détails de l'équipe, Journal d'activité), ligne de statistiques KPI, tableau des membres, graphique à barres de répartition des rôles, sparklines de présence en ligne et d'activité, et panneau des principaux contributeurs. Supporte les thèmes clair/sombre, info-bulles, zoom et export CSV.

Aperçu de Capture d'écran de jeu - ARPG Three Kingdoms : Tir à l'arc de Lü Bu à Yuanmen image
@open-design-contributors Open Design
Lire le prompt complet →

Capture d'écran de jeu - ARPG Three Kingdoms : Tir à l'arc de Lü Bu à Yuanmen

Capture d'écran d'action-RPG de la scène célèbre des Three Kingdoms où Lü Bu tire sur une hallebarde à distance à la porte du camp. Style photoréaliste cinématographique de Black Myth: Wukong avec Unreal Engine 5, vue à la troisième personne et HUD complet (barres HP/qi, minimap, hotbar de compétences, marqueur de cible avec distance). Optimisé pour gpt-image-2 en 16:9.

Aperçu de Game UI - MMO monde ouvert Chine antique HUD image
@open-design-contributors Open Design
Lire le prompt complet →

Game UI - MMO monde ouvert Chine antique HUD

Génère une maquette de capture d'écran HUD pour un MMO monde ouvert AAA dans la Chine antique, avec un style photoréaliste cinématographique inspiré de Black Myth: Wukong. Comprend tous les éléments HUD MMO : portrait de personnage, barres HP/MP, hotbar de compétences avec icônes calligraphiques chinoises, minimap, suivi de quêtes, fenêtre de chat et plaques NPC, en format 16:9.

presentation
@alchaincyf Open Design
Lire le prompt complet →

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.

presentation
@open-design Open Design
Lire le prompt complet →

Html Ppt Hermes Terminal Cyber

Modèle de présentation style terminal sombre avec fond noir #0a0c10, grille cyber 56px, vignette CRT, lignes de balayage, chrome feux tricolores, titres `$ prompt` en ligne de commande, texte vert menthe #7ed3a4, JetBrains Mono, graphiques en barres outline, curseur clignotant, tags ambre/vert/rouge et blocs de code sombres. Idéal pour les revues CLI/agent/outils dev (trace, diff, benchmark).

presentation
@open-design Open Design
Lire le prompt complet →

Plan d'architecture de connaissances Html Ppt

Deck d'architecture blueprint crème — base papier crème #F0EAE0 + surbrillance rouille unique #B5392A, masque de grille blueprint 48px, cartes dures bordure noire 2px, boîtes d'étapes pipeline (une élevée), callout insight rouille à droite, grande police à empattement Playfair, boucle de feedback SVG en pointillés. Zéro dégradé, zéro ombre douce, sérieux et adapté à l'impression.

presentation
@open-design Open Design
Lire le prompt complet →

Html Ppt Obsidian Claude Gradient

Thème de deck à dégradé violet foncé GitHub avec fond GitHub-dark #0d1117, lumière ambiante radiale bleu-violet, masque de grille 60px, mise en page centrée, tags pilule violets, titres à dégradé tricolore (#a855f7→#60a5fa→#34d399), palette de code style GitHub et blocs surlignés avec bordure gauche violette. Idéal pour workflows développeurs, MCP, Agent et tutoriels d'outils de dev.

presentation
@open-design Open Design
Lire le prompt complet →

Html Ppt Zhangzara Biennale Yellow

Biennale Yellow — Jaune solaire sur parchemin chaleureux avec serif indigo profond et dégradés lumineux atmosphériques. Parfait pour les affiches de biennales d'art, programmes annuels de musées, présentations d'expositions, annonces d'institutions artistiques, brochures de conférences design, dossiers de commissariat, publications littéraires et rétrospectives de studios.

presentation
@open-design Open Design
Lire le prompt complet →

Html Ppt Zhangzara Long Table

Long Table — Esthétique supper-club en crème chaud et rouge rouille avec titres grotesk gras en majuscules, Fraunces italique et boutons en forme de pilule. Idéal pour les marques d'hospitalité et de communauté chaleureuses et intimes : supper clubs, séries de dîners, petits restaurants, événements de studios créatifs, présentations d'adhésion, marques lifestyle et vin.

presentation
@open-design Open Design
Lire le prompt complet →

Html Ppt Zhangzara Sakura Chroma

Sakura Chroma — Esthétique vintage de cassette japonaise : papier crème, rubans arc-en-ciel diagonaux, typographie condensée grasse, cases à cocher style JIS. Idéal pour les présentations de marques hardware indépendantes, calendriers de sorties musicales, rétrospectives de studios analogiques, pitchs de magazines, lancements de produits kawaii-tech et rapports annuels de studios créatifs.

Aperçu de Hyperframes video
@open-design Open Design
Lire le prompt complet →

Hyperframes

Créez des compositions vidéo, animations, cartons titre, superpositions, sous-titres, voix off, visuels audio-réactifs et transitions de scène en HyperFrames HTML. Prend en charge le contenu vidéo HTML, les sous-titres synchronisés à l'audio, la narration text-to-speech, les animations audio-réactives (sync battement, glow, pulse), les surlignages de texte animés (balayages marqueur, cercles dessinés, lignes éclatées, gribouillages, sketch) et les transitions de scène (fondus enchaînés, wipes, reveals, transitions shader).

Aperçu de Infographie - Décomposition chorégraphique de danse otaku (Gokuraku Jodo, 16 panneaux) image
@open-design-contributors Open Design
Lire le prompt complet →

Infographie - Décomposition chorégraphique de danse otaku (Gokuraku Jodo, 16 panneaux)

Une affiche verticale 2:3 composée d'une grille 4×4 de 16 panneaux carrés, présentant la décomposition chorégraphique complète de la chanson de danse otaku japonaise 極楽浄土 (Gokuraku Jodo). Chaque panneau montre la même idole anime semi-réaliste dans des poses de danse signature, conçue comme référence de poses pour la génération vidéo IA avec gpt-image-2, format 2:3.

presentation
@alchaincyf Open Design
Lire le prompt complet →

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

presentation
@alchaincyf Open Design
Lire le prompt complet →

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.

presentation
@lewislulu Open Design
Lire le prompt complet →

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.

presentation
@nicobailon Open Design
Lire le prompt complet →

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.

presentation
@alchaincyf Open Design
Lire le prompt complet →

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.

presentation
@open-design Open Design
Lire le prompt complet →

Open Design Landing Deck

Produit un deck de slides en fichier unique dans le langage visuel Atelier Zero (fond papier chaud, emphases sérif italique, points terminaux corail, planches collage surréaliste). Avec pagination horizontale style magazine (←/→, molette, glissement), bande chrome avec marque et compteur de slides, grille aperçu ESC, barre de progression corail, et hérite de la feuille de style canonique + bibliothèque d'images 16 slots du skill frère open-design-landing.

prototype
@open-design Open Design
Lire le prompt complet →

Orbit Général

Déclenché automatiquement par Orbit lorsque deux connecteurs ou plus sont connectés. Récupère les activités des dernières 24 heures de tous les connecteurs authentifiés (GitHub, Linear, Notion, Slack, 飞书, Agenda, Gmail, Drive, Sentry, Vercel, etc.) et génère un tableau de bord adaptatif en grille bento en haut de "我的设计". Exécuté automatiquement par le planificateur de digest quotidien d'Orbit.

prototype
@open-design Open Design
Lire le prompt complet →

Orbit Notion

Compétence de briefing Open Orbit — sélectionnée par le pipeline Orbit lorsque Notion est le seul connecteur connecté de l'utilisateur ou lorsque l'utilisateur limite explicitement son digest quotidien à Notion. Récupère les modifications de documents, commentaires, mentions et lignes de base de données des dernières 24 heures depuis la connexion Notion authentifiée de l'utilisateur et affiche le digest sous forme de page Notion native (éléments callout/toggle/tableau de base de données). Cette compétence ne doit pas être déclenchée manuellement — elle est invoquée par le planificateur de digest quotidien d'Orbit sur les données Notion en direct.

presentation
@alchaincyf Open Design
Lire le prompt complet →

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.

Aperçu de Replit Deck presentation
@open-design Open Design
Lire le prompt complet →

Replit Deck

Deck HTML horizontal à fichier unique dans le style de la galerie de modèles de page d'accueil Replit Slides. Huit thèmes distincts (helix, holm, vance, bevel, world-dark, world-mint, atlas, bluehouse) – chacun un système visuel complet (palette + typographie + accent) capturé depuis replit.com/slides. Choisissez un thème, ne mélangez pas. Pour pitch decks, rapports de conseil, mémos de marque, révélations de campagne – quand l'utilisateur veut explicitement le style Replit Slides.

presentation
@lewislulu Open Design
Lire le prompt complet →

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.

Aperçu de Carrousel Social prototype
@open-design Open Design
Lire le prompt complet →

Carrousel Social

Un carrousel de trois cartes pour les réseaux sociaux au format 1080×1080 – trois panneaux cinématographiques alignés sur la marque avec des titres qui se connectent à travers la série ('en avant.' → 'vers le suivant.' → 'regard vers l'avenir.'). Chaque carte comprend un logo de marque, un numéro/total, une légende et une affordance de 'boucle'. À utiliser pour les demandes de 'post carrousel', 'carrousel social', 'carrousel Instagram', 'série LinkedIn', 'cartes de thread X' ou '三连发'.

Aperçu de Publication Réseaux Sociaux - Storyboard Danse Sensationnelle (8 Plans) image
@open-design-contributors Open Design
Lire le prompt complet →

Publication Réseaux Sociaux - Storyboard Danse Sensationnelle (8 Plans)

Ensemble complet de prompts storyboard 8 plans pour générer une séquence de danse cohérente. Optimisé pour les modèles gpt-image-2 avec tokens de style globaux, prompt négatif réutilisable et huit prompts par plan (pose d'ouverture, mouvement des hanches, vague corporelle, twist taille, balancement latéral, mouvement de cheveux, pose puissante, pose finale).

presentation
@alchaincyf Open Design
Lire le prompt complet →

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.

presentation
@nicobailon Open Design
Lire le prompt complet →

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.

presentation
@lewislulu Open Design
Lire le prompt complet →

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.

prototype
@open-design Open Design
Lire le prompt complet →

Velar. — Immobilier de luxe

Landing page immobilière de luxe d'une seule page au rendu cinématographique : un préchargeur en machine à écrire qui s'efface vers le haut, une image de bâtiment pilotée par le scroll qui surgit du bas et s'agrandit tout en s'épinglant à une section sombre de déclaration, un bandeau de statistiques sombre en sticky avec des chiffres qui s'incrémentent, et une galerie vidéo qui se déploie au survol et glisse par-dessus la section sombre.

video
@open-design-contributors Open Design
Lire le prompt complet →

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
Lire le prompt complet →

Vidéo - Three Kingdoms ARPG - Lyu Bu tir à l'arc Yuanmen (Seedance 2.0)

Séquence d'action cinématique d'environ 10 secondes : Lyu Bu bande un arc laqué rouge et tire une flèche de qi dorée vers une hallebarde lointaine. Optimisée pour Seedance 2.0 avec contrôle de caméra rigoureux, physique de l'arc, animations de vent, poussière et bannières, et étalonnage type capture d'écran. Complète le template d'image associé.

video
@open-design Open Design
Lire le prompt complet →

Vidéo courte

Génération de vidéos courtes — clips de 3-10 secondes pour révélations produit, teasers en mouvement et boucles ambiantes. Par défaut Seedance 2, mais fonctionne aussi avec Kling 3 / 4, Veo 3 ou Sora 2. Sortie en fichier MP4 unique dans le dossier projet. Lorsque l'espace de travail propose également une compétence vidéo interactive/hyperframes, privilégiez la composition de plusieurs plans courts en une seule timeline plutôt qu'un long clip monolithique.

presentation
@lewislulu Open Design
Lire le prompt complet →

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

Qu'est-ce que les modèles Open Design ?

Des modèles avec plugins intégrés qui sont livrés avec Open Design — l'alternative open source à Claude Design. Chacun est un artefact exécutable : un prototype, un diaporama, un générateur d'images, une composition vidéo, ou une pièce de mouvement HyperFrames. Votre agent local exécute le plugin selon son prompt et un HTML d'exemple optionnel, et produit un atout prêt à partager sur votre propre machine.

Comment les modèles sont-ils licenciés ?

Apache-2.0 partout. Forkez le prompt, adaptez l'example.html, changez les tokens de marque — la seule demande est de conserver la notice LICENSE lors de la redistribution.

Puis-je les exécuter avec mes propres clés API ?

Oui. Open Design est BYOK à tous les niveaux — vos identifiants Claude / OpenAI / modèle local ne quittent jamais votre machine. Le site marketing ne proxy aucune inférence ; les aperçus en direct que vous voyez sur les lignes du catalogue proviennent des affiches et des URLs Cloudflare Stream que les modèles livrent, pas d'un runtime hébergé.

Comment puis-je contribuer un modèle ?

Ouvrez une PR contre nexu-io/open-design/plugins/_official avec un nouveau dossier contenant open-design.json, SKILL.md, et un example.html exécutable. Le guide des contributeurs dans le fichier CONTRIBUTING.md du repo décrit les champs du manifeste. Les contributions approuvées arrivent dans le catalogue public et s'affichent ici automatiquement au prochain déploiement.

En quoi cela diffère-t-il de Claude Design Studio ?

Claude Design Studio est le produit hébergé d'Anthropic. Open Design est l'alternative open source à Claude Design — chaque modèle, prompt et système de design dans ce catalogue vit dans un repo public, s'exécute localement avec les clés que vous choisissez, et peut être étendu via des plugins que n'importe qui peut créer. Nous reflétions la même taxonomie d'artefacts (prototypes, diaporamas, images, vidéo) pour que le modèle mental soit transférable, mais tout, jusqu'au runtime de l'agent, reste sur votre machine.

D'où viennent les aperçus ?

Le manifeste de chaque modèle porte une URL d'affiche (CDN Cloudflare) et, pour les modèles vidéo, un MP4 Cloudflare Stream. La grille rend l'affiche comme miniature statique et fait défiler la vidéo en boucle au survol. Les modèles d'image et prototype affichent leur affiche directement ; cliquer ouvre le example.html exécutable sur la page de détail.