Design

Conçois une interface vocale pour [CAS D'USAGE]. Design VUI complet : 1. **Conversation flows** et dialogues naturels 2. **Voice persona** et tone of voice 3. **Error handling** et recovery strategies 4. **Discovery patterns** et help system 5. **Multimodal interactions** (voice + screen) 6. **Privacy considerations** et consent 7. **Testing methodology** avec utilisateurs réels Fournis scripts conversationnels, flow diagrams, et guidelines de design.

Crée des micro-interactions pour [ÉLÉMENTS INTERFACE]. Types de micro-interactions : 1. **Button states** (hover, active, loading) 2. **Form validation** feedback temps réel 3. **Loading animations** contextuelles 4. **Success/error states** mémorables 5. **Gesture feedback** sur mobile 6. **Data visualization** animations 7. **Onboarding tooltips** progressifs Fournis prototypes interactifs (Figma) et spécifications d'implémentation.

Conçois un design system accessible pour :\n\nType d'application : [web/mobile/desktop]\nPublic cible : [description utilisateurs]\nContraintes : [brand guidelines, technos]\nÉquipe : [designers, développeurs]\n\nComposants essentiels :\n1. Palette couleurs avec contrastes WCAG\n2. Typographie responsive et lisible\n3. Espacements et grille accessible\n4. États interactifs (focus, hover, active)\n5. Formulaires accessibles\n6. Navigation clavier\n7. Lecteurs d'écran optimisés\n8. Tests d'accessibilité\n\nFournis tokens CSS et exemples d'implémentation.

Crée un système dark mode pour [APPLICATION/SITE]. Design system dark mode : 1. **Color palette** adaptée (contrast ratios) 2. **Typography optimization** pour lecture nocturne 3. **Shadows and depth** avec lumières au lieu d'ombres 4. **Brand colors** adaptation 5. **Images and media** treatment 6. **Theme switching** UX et persistence 7. **System preference** detection (prefers-color-scheme) Fournis spécifications complètes et implémentation CSS/JS.

Développe un système de design tokens complet pour une entreprise SaaS B2B. Structure des tokens : 1. **Color** : Primary, secondary, semantic colors 2. **Typography** : Font families, sizes, weights, line heights 3. **Spacing** : Scale 8px system 4. **Shadows** : Elevation levels 5. **Border radius** : Rounded corners system 6. **Animations** : Durations, easing functions 7. **Breakpoints** : Responsive grid system Fournis : - Fichier JSON avec tous les tokens - Implementation CSS custom properties - Integration avec Figma tokens - Documentation pour les développeurs

Crée des composants pour un design system : Type de produit : [type] Style : [minimaliste/corporate/playful] Technologie : [framework] Pour chaque composant : 1. Nom et description 2. États (normal, hover, active, disabled) 3. Variantes (tailles, couleurs) 4. Spécifications visuelles 5. Règles d'utilisation 6. Accessibilité 7. Code exemple Crée 3-5 composants essentiels.

Tu es un architecte d'expériences métavers. Conçois une expérience immersive pour : [PROJET MÉTAVERS] Expérience Métavers Complète : 1. **World Building** : - Univers et lore cohérent - Règles et physique du monde - Esthétique et art direction 2. **Spatial Design** : - Architecture 3D et environnements - Navigation et wayfinding - Scale et proportions humaines 3. **Social Interactions** : - Avatars et personnalisation - Communication et gestuelles - Espaces sociaux et privés 4. **Economy Integration** : - Virtual goods et NFTs - Marketplaces et transactions - Play-to-earn mécanics 5. **Technical Architecture** : - Platform choice (Decentraland, Sandbox, custom) - Performance optimization - Cross-platform compatibility 6. **User Journey** : - Onboarding et tutoriels - Core gameplay loops - Retention mechanics 7. **Events & Live Content** : - Concerts et exhibitions - Seasonal events et updates - User-generated content tools 8. **Accessibility** : - Multi-language support - Accessibility features - Device compatibility (VR, mobile, desktop)

Tu es un designer UX spécialisé en micro-interactions. Pour cette interface : [DÉCRIRE L'INTERFACE] Crée des micro-interactions mémorables : 1. **Trigger points** : hover, click, scroll, loading states 2. **Animation principles** : timing, easing, feedback loops 3. **Visual feedback** : button states, form validation, notifications 4. **Loading experiences** : skeleton screens, progress indicators 5. **Success/error states** : delightful confirmations, graceful failures 6. **Performance considerations** : 60fps, reduced motion preferences 7. **Implementation specs** : CSS/React/Framer Motion code examples Fournis prototypes interactifs et guidelines de cohérence.

Tu es un expert en conversation design. Conçois une interface IA pour : [TYPE ASSISTANT ET CAS D'USAGE COMPLEXES] Design conversationnel avancé : 1. Modèle mental utilisateur et anticipation intents 2. Arborescence conversationnelle optimisée 3. Personnalité et ton adaptatifs contextuels 4. Gestion erreurs et récupération conversationnelle 5. Multi-modalité (texte, voix, visuel) cohérente 6. Analytics conversationnelles et apprentissage continu 7. Éthique et transparence processus décisionnels

Tu es un expert en gamification et psychologie du comportement. Conçois une plateforme engageante pour : [APPLICATION ET OBJECTIFS D'ENGAGEMENT] Stratégie de gamification complète : 1. **Analyse comportementale** : Identification des motivations intrinsèques et extrinsèques des utilisateurs 2. **Système de progression** : Levels, XP, badges, achievements avec difficulty curve optimisée 3. **Mécaniques de récompense** : Points virtuels, items, status recognition, récompenses tangibles 4. **Social competition** : Leaderboards, challenges, team competitions, social sharing 5. **Narrative et storytelling** : Thème immersif, quêtes, progression narrative cohérente 6. **Feedback loops** : Récompenses immédiates, progression visible, milestones célébrés 7. **Personnalisation adaptative** : Difficulté dynamique, préférences utilisateur, profils comportementaux 8. **Retention mechanics** : Daily streaks, limited events, fear of missing out (FOMO) 9. **Analytics comportementaux** : Tracking engagement, funnels, churn prediction 10. **Éthique de la gamification** : Dark patterns avoidance, bien-être mental, usage sain

Je crée un site web pour : [DOMAINE, EX: CABINET D'AVOCAT, STUDIO DE YOGA]. Ambiance : [SÉRIEUX / MODERNE / DOUX]. Suggère 3 paires de polices (Google Fonts) : 1. **Titre** (Header). 2. **Corps** (Body). Explique pourquoi elles vont bien ensemble (contraste, lisibilité, style).

Je lance un Design System pour une marque [ADJECTIFS, EX: MODERNE ET ÉCOLOGIQUE]. Définit les "Design Tokens" de base : 1. **Couleurs** : Primary, Secondary, Neutral, Semantic (Success/Error). 2. **Typographie** : Font Family, Scale (H1 à Body), Line-heights. 3. **Espacement** : Une échelle de spacing (4px, 8px, 16px...). 4. **Ombres/Radius** : Règles pour les cartes et boutons.

Explique-moi l'Auto Layout de Figma avec des analogies CSS (Flexbox). 1. **Direction** : Horizontal vs Vertical (`flex-direction`). 2. **Resizing** : Fixed vs Hug vs Fill (`width: px`, `fit-content`, `flex: 1`). 3. **Spacing** : Gap et Padding. 4. **Alignment** : Packed vs Space Between (`justify-content`). Donne un exemple de structure pour une "Card" (Image + Titre + Bouton).

Crée un design system pour une application [TYPE] avec cible [UTILISATEURS]. Fournis : 1. **Principes de design** (3-5 maximes) 2. **Palette de couleurs** avec accessibilité WCAG 3. **Typographie** (hiérarchie, tailles, weights) 4. **Spacing system** (grid, margins, padding) 5. **Composants de base** (5 essentiels) 6. **États** (hover, focus, disabled, loading) 7. **Tokens de design** pour implémentation 8. **Guidelines d'usage** Assure cohérence et scalabilité.

Je veux faire créer un logo pour : [ENTREPRISE]. Secteur : [SECTEUR]. Valeurs : [VALEURS]. Rédige un brief créatif complet pour le graphiste : 1. **L'Entreprise** (Mission, Cible). 2. **Le Style souhaité** (Minimaliste, Vintage, Tech, etc.). 3. **Inspirations** (Ce qu'on aime/aime pas). 4. **Couleurs & Typo** (Préférences). 5. **Livrables attendus** (Formats, déclinaisons).