Classé dans Design · Intelligence Apache-2.0 · Fait sur Terre
Étoile · 62.2KTélécharger
FR
Open Source Claude Design

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.

Total · 254
Type d’artefact
Aperçu de AeroCore — Cinematic Aerospace Engine Landing prototype
@eli Open Design
Lire le prompt complet →

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.
Utiliser ce modèle
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 « 电子指南 ».
Utiliser ce modèle
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.
Utiliser ce modèle
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.
Utiliser ce modèle
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.
Utiliser ce modèle
Aperçu de Html Ppt Navigation Clavier Minimal presentation
@open-design Open Design
Lire le prompt complet →

Html Ppt Navigation Clavier Minimal

Keynote minimaliste de 8 pages avec navigation fléchée — chaque page avec fond monochrome (indigo / crème / bordeaux / turquoise / gris / violet / blanc / charbon), titre display 160px + ligne d'accent épaisse 4px, liste Mono préfixée par flèche →, indication clavier ← → en bas à gauche + numéro de page en bas à droite, espaces généreux. Idéal pour keynotes, lancements et présentations où l'on a beaucoup à dire mais peu à montrer.
Utiliser ce modèle
Aperçu de Html Ppt Hermes Terminal Cyber 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).
Utiliser ce modèle
Aperçu de Plan d'architecture de connaissances Html Ppt 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.
Utiliser ce modèle
Aperçu de Html Ppt Obsidian Claude Gradient 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.
Utiliser ce modèle
Aperçu de Html Ppt Zhangzara Biennale Yellow 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.
Utiliser ce modèle
Aperçu de Html Ppt Zhangzara Long Table 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.
Utiliser ce modèle
Aperçu de Html Ppt Zhangzara Sakura Chroma 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.
Utiliser ce modèle
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).
Utiliser ce modèle
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.
Utiliser ce modèle
Aperçu de Open Design Landing 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.
Utiliser ce modèle
Aperçu de Orbit Général 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.
Utiliser ce modèle
Aperçu de Orbit Notion 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.
Utiliser ce modèle
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.
Utiliser ce modèle
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 '三连发'.
Utiliser ce modèle
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).
Utiliser ce modèle
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.
Utiliser ce modèle
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é.
Utiliser ce modèle
Aperçu de Vidéo courte 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.
Utiliser ce modèle

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.