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.

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 « 电子指南 ».

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.

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.

Aperçu de Page d'accueil Open Design prototype
@open-design Open Design
Lire le prompt complet →

Page d'accueil Open Design

A pixel-faithful mirror of the live open-design.ai homepage — an interactive WebGL/Three.js (React Three Fiber) hero built on Next.js. Features a real-time 3D "Open Design" wordmark (Draco-compressed geometry), a scattered sticker collage, custom variable fonts, cursor-reactive parallax, and scroll-driven motion. This is a first-party showcase of the visual ceiling Open Design targets for interactive marketing surfaces on the web — with all assets bundled locally (only the Draco decoder loads from a CDN, like the other WebGL examples), rendering in the sandboxed preview. Use as a reference for high-craft 3D landing pages, agent-native product sites, and motion-rich hero sections.

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.

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

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.

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

Visualiseur Worker

Créez un visualiseur temps réel dont le calcul lourd s'exécute dans un Web Worker — systèmes de particules, physique, fractales, visualisation de données/audio — partageant éventuellement la mémoire via SharedArrayBuffer, rendu sur canvas à 60fps. Déclenché pour toute demande de web worker, simulation, particules, physique, fractale, calcul hors thread principal ou visualiseur temps réel.

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.