Maquettes interactives de produits — tableaux de bord, applications, landing pages, outils internes. Tout ce que vous présenteriez à une partie prenante et parcouriez.
prototype Lire le prompt complet → Dark, premium 3D-creator portfolio landing page: a full-viewport hero with gradient-text headline and a mouse-following magnetic 3D portrait, a scroll-driven horizontal image marquee, an About section with corner 3D decorations and character-by-character scroll-reveal text, a white Services list, and sticky-stacking project cards.
prototype Lire le prompt complet → Premium precision-farming landing page: dark/light alternating sections, a fullscreen hero video background, an animated stats grid, an infinite logo marquee, and image-backed service cards.
prototype Lire le prompt complet → 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.
prototype Lire le prompt complet → Premium white-background creative-studio landing page: serif-accented hero, infinite GIF marquee, parallax testimonial, two-card pricing, auto-scrolling testimonial carousel, vertical project showcase, a mouse-trail partner CTA, and a fixed floating bottom nav.
prototype Lire le prompt complet → Article long format / billet de blog — en-tête, espace réservé pour image principale, corps d'article avec figures et citations, signature d'auteur, articles connexes. À utiliser lorsque le brief mentionne 'blog', 'article', 'post', 'essai' ou 'étude de cas'.
prototype Lire le prompt complet → Premium GSAP-driven cinematic B2B landing page: a scroll-driven full-screen video-slider hero with clip-path ellipse transitions, SplitText char-reveal headlines, a masonry product gallery, scroll-reveal about text, a partner marquee, Lottie feature cards, and a multi-office footer.
prototype Lire le prompt complet → Présentation structurée de cas médical pour les visites, conférences et documentation. Génère des rapports au format SOAP ou narratif avec des paramètres vitaux physiologiquement précis, analyses et plans basés sur les preuves.
prototype Lire le prompt complet → High-end dark cinematic hero for a coding-education platform: full-screen HLS background video, a liquid-glass card, green-accent uppercase typography, central glow, desktop grid lines, and a working mobile hamburger menu.
prototype Lire le prompt complet → Transformez un article long, un fil de discussion, un mémo ou une description de produit en carte de capacités interactive style Codex avec boucle de workflow, matrice de cas d'usage et panneau de détails responsive.
prototype Lire le prompt complet → Effectue une revue de design experte en 5 dimensions sur tout artefact HTML du projet — Philosophie/Hiérarchie visuelle/Détails/Fonctionnalité/Innovation, chacune notée de 0 à 10. Génère un rapport HTML autonome avec graphique radar, scores justifiés et trois listes : Conserver/Corriger/Gains rapides.
prototype Lire le prompt complet → Tableau de bord administrateur/analytique dans un seul fichier HTML. Barre latérale gauche fixe, barre supérieure avec utilisateur/recherche, grille principale de cartes KPI et graphiques. À utiliser pour un écran de 'tableau de bord', 'admin', 'analytique' ou 'panneau de contrôle'.
prototype Lire le prompt complet → Premium liquid-glassmorphism conference dashboard: dual fullscreen background videos swapped by theme, a 4x2 glass/solid card grid, animated voice-wave participant indicators, and a floating control bar.
prototype Lire le prompt complet → Transforme les données CSV, Excel ou JSON en une page de rapport visuel soigné.
prototype Lire le prompt complet → Tableau de bord de rencontres/matchmaking grand public avec navigation latérale gauche, barre de signaux communautaires, KPI principaux, graphique en barres des matchs mutuels sur 30 jours et bloc de tendance du taux de match. Typographie éditoriale et accent sobre. Idéal pour sites de rencontres, matchmaking, tableaux de bord communautaires ou réseaux sociaux.
prototype Lire le prompt complet → Valorisation par flux de trésorerie actualisés et analyse de valeur intrinsèque pour les sociétés cotées. Pour DCF, juste valeur, valeur intrinsèque, prix cible et analyses de sur/sous-évaluation.
prototype Lire le prompt complet → Vitrine 3D statique d'iPhone et MacBook avec intégration HTML réelle sur les écrans, réfraction de lentille en verre et composition rotative à 360 degrés.
prototype Lire le prompt complet → 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 Lire le prompt complet → Une page de documentation avec navigation latérale, contenu déroulant et table des matières. À utiliser lorsque le brief mentionne 'documentation', 'guide', 'référence API' ou 'tutoriel'.
prototype Lire le prompt complet → Immersive single-page parallax landing: a sticky viewport zooms a portal image toward you on scroll, curtains sweep open on entrance, and a curved arc card slider reveals nine dream-world destinations in scene two.
prototype Lire le prompt complet → Modèle d'e-mail de lancement produit avec en-tête, image hero, titre en italique, texte principal, CTA principal et grille de spécifications en mise en page HTML centrée sur une colonne.
prototype Lire le prompt complet → Un runbook d'ingénierie — vue d'ensemble du service, tableau d'alertes, liens vers les tableaux de bord, procédures courantes avec commandes copiables, rotation d'astreinte et checklist de réponse aux incidents. À utiliser pour les runbooks, docs ops, guides d'astreinte, docs SRE ou 运维手册.
prototype Lire le prompt complet → Premium Kova fintech landing: full-screen hero with a forward/reverse boomerang video background, FadeUp blur reveals, floating dashboard cards (savings line + spend bar charts), a split testimonial with a square autoplay video, and a 4-up features grid with image cards and a donut spend chart.
prototype Lire le prompt complet → Rapport financier trimestriel/mensuel avec en-tête KPI, graphiques de revenus et de dépenses, tableau récapitulatif P&L, points clés et paragraphe de perspectives. Utiliser quand le brief mentionne 'rapport financier', 'rapport Q3', 'revue MRR', 'P&L' ou '财报'.
prototype Lire le prompt complet → 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.
prototype Lire le prompt complet → Prototype d'application mobile gamifiée en trois écrans : écran de couverture, quêtes du jour avec rubans XP et barre de niveau, détails de quête. Idéal pour les applications gamifiées, suivi d'habitudes, applications de vie RPG, applications de montée de niveau, quêtes quotidiennes et applications XP/streak.
prototype Lire le prompt complet → Tableau de bord d'analyse de dépôt GitHub — étoiles, forks, contributeurs, issues, pull requests, activité récente et principaux contributeurs. À utiliser pour un tableau de bord de dépôt GitHub, un rapport de croissance open source, une page de santé de dépôt ou une vue analytique GitHub.
prototype Lire le prompt complet → Plan d'intégration des nouveaux employés sur une seule page – planning de la première semaine, présentation du binôme + manager, parcours d'apprentissage, liste du matériel et objectifs 'vous êtes prêt quand…'. À utiliser lorsque le brief mentionne 'intégration', 'nouvel employé', 'plan première semaine' ou '入职'.
prototype Lire le prompt complet → Présentation HTML 16:9 dans le style tactical-telemetry / terminal CRT. Diapositives charbon CRT désactivé, monospace phosphore blanc, accent rouge danger, superposition scanline, syntaxe ASCII, densité avant décoration. Extrait de Leonxlnx/taste-skill `brutalist-skill` (mode Tactical Telemetry).
prototype Lire le prompt complet → Présentation HTML 16:9 au style éditorial minimaliste. Diapositives crème chaleureuses, titres serif + corps grotesque, filets fins, métadonnées monospace, espaces blancs généreux, un accent. Distillé de Leonxlnx/taste-skill `minimalist-skill`.
prototype Lire le prompt complet → Premium dark editorial agency landing page: an Instrument-Serif hero headline over a self-crossfading fullscreen hero video, liquid-glass nav and buttons, and scroll-revealed About / Featured-Video / Philosophy / Services sections.
prototype Lire le prompt complet → Page de facture imprimable — bloc expéditeur + destinataire, tableau des articles, ventilation des taxes, totaux et instructions de paiement. À utiliser lorsque le brief mentionne 'invoice', 'bill', 'billing statement' ou '发票'.
prototype Lire le prompt complet → Produit un document papier d'une page de qualité imprimée — toile parchemin chaleureuse, accent bleu encre, serif à un seul poids, sans italique, sans gris froids. Le résultat ressemble à un livre blanc professionnel ou à une fiche studio, pas à une UI d'application. Multilingue de conception (EN · zh-CN · ja). Un seul fichier HTML autonome, zéro dépendance.
prototype Lire le prompt complet → Toile parchemin chaleureuse (#f5f4ed), accent bleu encre monochrome (#1B365D), une famille de police serif et typographie de qualité éditoriale.
prototype Lire le prompt complet → Tableau kanban / tâches avec colonnes (To do / In progress / In review / Done), cartes déplaçables, avatars des assignés, swimlanes et barre de filtre supérieure. À utiliser lorsque 'kanban', 'task board', 'sprint board', 'trello' ou '看板' sont mentionnés.
prototype Lire le prompt complet → Recherche sur les tendances communautaires et sociales des 30 derniers jours. À utiliser pour connaître l'opinion actuelle, le sentiment récent, les réactions de la communauté, la preuve sociale, la réaction au lancement, l'analyse des tendances ou le contexte des 30 derniers jours.
prototype Lire le prompt complet → Cinematic layered-parallax landing page for an architecture studio: fullscreen background video, a giant center brand wordmark behind a parallax sculpture slab, an animated bird-video state machine, frosted-glass nav pills and info panels, and a second full-viewport video section with a centered editorial headline.
prototype Lire le prompt complet → Dark, luxury single-page landing for an AI web-design agency: cinematic video backgrounds, Instrument Serif italic headings, liquid-glass cards and CTAs, BlurText word-by-word reveals, and section-by-section storytelling.
prototype Lire le prompt complet → Cinematic luxury-fragrance landing page: a fullscreen video hero, a scroll-driven elliptical clip-path reveal, an orbiting carousel of perfume bottles that scales up at a focal point, a newsletter section, and a warm parchment footer.
prototype Lire le prompt complet → Mise en page d'article de magazine inspirée de Huashu / huashu-md-html pour transformer vos notes ou Markdown en essai HTML long format soigné.
prototype Lire le prompt complet → Affiche éditoriale de style journal avec papier journal, ligne de date, titre sérif surdimensionné avec mot barré et accent italique, bloc de texte sur 2 colonnes et 6 sections numérotées avec citations annotées. Idéal pour affiches magazine, mises en page éditoriales, style journal ou manifestes.
prototype Lire le prompt complet → Affiche verticale ou image de partage style Stories avec un fort impact visuel.
prototype Lire le prompt complet → Page de notes de réunion — barre de titre avec participants, checklist d'ordre du jour, bloc de décisions, tableau d'actions avec responsables et dates, et pied de page pour la prochaine réunion. À utiliser pour les termes 'notes de réunion', 'procès-verbal', 'notes 1:1', 'récapitulatif all-hands' ou '会议纪要'.
prototype Lire le prompt complet → Pure-black monochrome newsletter/content-platform landing page: fullscreen video hero, Instrument-Serif italic accent words, liquid-glass controls, scroll-driven word-by-word mission reveal, and an HLS-video CTA.
prototype Lire le prompt complet → Un écran d'application mobile rendu dans un cadre iPhone 15 Pro pixel-perfect sur la page. Créé en copiant le fichier de départ assets/template.html et en collant un archétype d'écran depuis references/layouts.md. À utiliser lorsque le brief demande une 'application mobile', 'application iOS', 'application Android', 'écran de téléphone' ou 'UI d'application'.
prototype Lire le prompt complet → Flux d'onboarding mobile multi-écran présenté sous forme de trois cadres de téléphone côte à côte — splash, proposition de valeur, connexion. Barre d'état, points de swipe, CTA principal. À utiliser pour 'mobile onboarding', 'onboarding iOS', 'inscription téléphone' ou '移动端引导'.
prototype Lire le prompt complet → CV moderne et minimaliste, format A4 une page, prêt pour l'impression ou l'export PDF.
prototype Lire le prompt complet → Composition de motion design en une seule image avec animations CSS en boucle – anneau de texte rotatif, globe animé, minuteur, labels parallaxe. Génère un poster vidéo hero utilisable directement dans HyperFrames ou tout exportateur à base de keyframes. Idéal pour le motion design, hero animé, boucle, poster vidéo et cartons de titre.
prototype Lire le prompt complet → A cinematic mythic-naturecore landing page: a 480vh scroll zooms through a portal while mirrored curtains part over a layered world background, with mouse-parallax 3D depth and a Viaoda-Libre / Imprima serif-sans pairing.
prototype Lire le prompt complet → Dark warm-gold single-page marketing site for a secure cloud-storage product: a shader hero with live console + typewriter, a scroll-driven sticky platform accordion, a scroll-morphing pricing bar field, security cards, a 3D tilting console showcase, and a click-to-explode operations cube.
prototype Lire le prompt complet → Produit une page de destination éditoriale unique dans le langage visuel Atelier Zero (collage éditorial Monocle / Apartamento / Études). Remplit inputs.json à partir d'un brief de marque, génère jusqu'à 16 assets de collage via gpt-image-2, et compose un fichier HTML autonome avec animations de défilement et navigation fixe.
prototype Lire le prompt complet → Dark space-themed NFT collection landing page with full-bleed CloudFront video backgrounds, a liquid-glass UI, Anton + Condiment fonts, and a neon-green accent across four sections.
prototype Lire le prompt complet → 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 Lire le prompt complet → Compétence Orbit pour générer automatiquement des résumés quotidiens basés sur les connexions GitHub. Récupère les PR, demandes de révision, issues, exécutions CI et fusions des dernières 24 heures et les affiche dans un style de notification natif GitHub. Invoqué automatiquement par le planificateur de résumé quotidien Orbit.
prototype Lire le prompt complet → Extrait l'activité de la boîte de réception des dernières 24 heures et génère un résumé quotidien lorsque Gmail est le seul service connecté ou explicitement sélectionné. Déclenché automatiquement par le planificateur Orbit, ne doit pas être exécuté manuellement.
prototype Lire le prompt complet → Déclenché automatiquement par le pipeline Orbit lorsque Linear est le seul connecteur lié de l'utilisateur ou lorsque l'utilisateur limite explicitement son digest quotidien à Linear. Récupère les 24 dernières heures de mouvements de tickets, changements de statut, affectations et progression de cycle, et les affiche dans le langage visuel natif de la boîte de réception Linear.
prototype Lire le prompt complet → 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 Lire le prompt complet → Spécification produit/PRD sur une page — problème, métriques de succès, périmètre, user stories, notes de design, plan de déploiement, questions ouvertes. Pour les specs produit et briefs fonctionnels.
prototype Lire le prompt complet → Premium dark single-page portfolio landing: cinematic HLS hero video, Instrument-Serif italic display type, a 000→100 loading counter, an alternating bento works grid, a scroll-pinned parallax exploration gallery, and a marquee contact footer with the locked #89AACC→#4E85BF accent gradient.
prototype Lire le prompt complet → Une page de tarification autonome — en-tête, niveaux de forfaits, tableau comparatif des fonctionnalités et FAQ. À utiliser lorsque le brief demande une page 'tarifs', 'forfaits', 'niveaux d'abonnement' ou 'comparer les forfaits'.
prototype Lire le prompt complet → Carte de publication Reddit réaliste avec barre de vote et nombre de commentaires, adaptée aux overlays vidéo ou au partage de stories.
prototype Lire le prompt complet → Page d'accueil SaaS mono-page avec hero, fonctionnalités, preuve sociale, tarifs et CTA. Respecte les tokens de couleur/typographie/mise en page du DESIGN.md actif. Mots-clés déclencheurs : "saas landing", "marketing page", "product landing".
prototype Lire le prompt complet → Immersive scroll-driven collection landing page: full-bleed background video, an expanding ellipse clip-path reveal, and a mathematically precise orbiting image gallery that grows and sweeps across the viewport, with masked serif typography that fades in and out.
prototype Lire le prompt complet → Premium private-jet landing hero: a fullscreen autoplay CloudFront video background, a max-w-7xl nav with a Lucide hamburger mobile dropdown, and a centered overlapping two-line headline (Premium. / Accessible.) with Discover + Book Now pill CTAs.
prototype Lire le prompt complet → 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 '三连发'.
prototype Lire le prompt complet → Tableau de bord d'analyse des réseaux sociaux pour créateurs dans un seul fichier HTML. Avec sélecteur de plateforme (X / LinkedIn / YouTube / Instagram), cartes KPI (abonnés, taux d'engagement, likes, reposts), graphique de croissance des abonnés, aperçu du post le plus populaire de la semaine et panneau latéral des sujets tendance/commentaires principaux.
prototype Lire le prompt complet → Carte de lecture Spotify avec pochette d'album, barre de progression et contrôles de lecture, adaptée aux overlays vidéo ou pages d'accueil personnelles.
prototype Lire le prompt complet → Diapositive animée explicative en style pixel art avec fond crème, année en caractères gras, mascotte en pixel art (carte Hanafuda, champignon ou console 8-bit), typographie japonaise cinétique et ruban chronologique. Animation CSS pure, prête à être enregistrée en vidéo verticale.
prototype Lire le prompt complet → Premium awards / venture-prize landing page: an inset white card shell with rounded corners, a fullscreen video hero with chamfered clip-path CTA, a three-column submissions section with angular nomination cards around a square video, and an about-the-founders stats grid using plus-darker image cards and gradient-text figures.
prototype Lire le prompt complet → Page de suivi OKR avec bannière trimestrielle, trois objectifs avec leurs résultats clés sous forme de barres de progression, avatars des responsables, pastilles de statut et barre latérale 'aperçu du trimestre'. À utiliser lorsque le brief mentionne OKR, résultats clés, objectifs ou 目标.
prototype Lire le prompt complet → Ajoute un panneau de contrôle en direct à tout élément HTML pour ajuster la couleur d'accent, l'échelle typographique, la densité, le mouvement et le thème. Les modifications sont appliquées instantanément aux propriétés CSS personnalisées et sauvegardées dans localStorage.
prototype Lire le prompt complet → Carte de citation ou de données Twitter conçue pour accompagner une publication.
prototype Lire le prompt complet → Cinematic single-page luxury real-estate landing page: a typewriter preloader that lifts away, a scroll-driven building image that rises from below and scales up while pinning to a dark statement section, a sticky dark stats band with count-up numbers, and a hover-expand video gallery that slides up over the dark section.
prototype Lire le prompt complet → Page de destination minimaliste avant lancement avec capture d'e-mails, logo de marque et couche décorative optionnelle. Lit les couleurs, la typographie et les règles de mise en page depuis DESIGN.md. Idéal pour les lancements de produits, inscriptions bêta, programmes d'accès anticipé et projets indépendants.
prototype Lire le prompt complet → Prototype web de bureau polyvalent. Fichier HTML autonome créé en copiant `assets/template.html` et en collant les mises en page de `references/layouts.md`. Option par défaut pour les pages de destination, marketing, documentation ou SaaS.
prototype Lire le prompt complet → Prototype web d'imprimerie industrielle suisse. Toile papier journal, grotesque noire monolithique, chiffres débordant du viewport, séparateurs de grille ultrafins, accent rouge danger, décoration syntaxe ASCII. Extrait de Leonxlnx/taste-skill `brutalist-skill` (mode imprimerie industrielle suisse).
prototype Lire le prompt complet → Prototype web éditorial-minimaliste. Toile monochrome chaleureuse, titre serif + corps grotesque, bordures 1px, pastels atténués, espaces blancs généreux, micro-mouvements ambiants.
prototype Lire le prompt complet → Prototype web doux de niveau Apple. Canevas argent/crème, cartes à double cadre, CTA en boutons imbriqués, grands rayons squircle, animation fluide et maillage ambiant. Basé sur soft-skill de Leonxlnx/taste-skill et sections 4–8.
prototype Lire le prompt complet → Wireframe dessiné à la main avec fond papier millimétré, tons marqueur/crayon, onglets multiples, annotations post-it et graphiques esquissés. Idéal pour les demandes de wireframe, croquis, lo-fi ou tableau blanc.
prototype Lire le prompt complet → Carte de publication X réaliste avec métriques d'engagement (likes, reposts, vues), adaptée aux superpositions vidéo ou cartes d'image partageables.
prototype Lire le prompt complet → Analyse du sentiment public X/Twitter sur les marchés, entreprises, produits ou communautés. À utiliser pour connaître l'opinion publique, les posts d'experts ou les réactions sociales concernant une action, un secteur, une entreprise, un produit ou un événement de marché.
prototype Lire le prompt complet → Cartes de connaissances au style Xiaohongshu, organisées en carrousel multi-cartes défilable.
