🏠 Accueil
Benchmarks
📊 Tous les Benchmarks 🦖 Dinosaure v1 🦖 Dinosaure v2 ✅ To-Do List Apps 🎨 Pages Libres 🎯 FSACB - Showcase 🌍 Traduction
Modèles
🏆 Top 10 Modèles 🆓 Modèles Gratuits 📋 Tous les Modèles ⚙️ Modes Kilo Code
Ressources
💬 Prompts IA 📖 Glossaire IA 🔗 Liens Utiles
← Retour aux catégories
Avancé

Générateur de Design System

#design-system #ui-kit #components #guidelines

Crée les fondations d'un design system cohérent et scalable

Crée un design system pour : Produit : [TYPE D'APPLICATION/PLATFORME] Public : [UTILISATEURS CIBLES] Valeurs : [ADJECTIFS DÉCRIVANT LA MARQUE] Contraintes : [ACCESSIBILITÉ, PERFORMANCES, SUPPORTS] Design system complet : 1. **Fondations** : Couleurs, typographie, espacements, grilles 2. **Composants** : Boutons, formulaires, cartes, navigation 3. **Patterns** : Layouts, flows, états (loading, error, empty) 4. **Iconographie** : Style, taille, sémantique 5. **Motion** : Animations, transitions, micro-interactions 6. **Accessibilité** : WCAG 2.1 AA minimum, contrastes, navigation 7. **Documentation** : Guidelines, exemples, code snippets Fournis des exemples concrets et des tokens CSS/variables.
Débutant

Générateur de Palette Couleurs

#design #couleurs #ui #inspiration

Crée une palette de couleurs harmonieuse à partir d'un mot-clé.

Génère une palette de couleurs pour un site web sur le thème : [THÈME, EX: CAFÉ COSY, TECH FUTURISTE]. Fournis 5 couleurs avec : 1. Le code HEX. 2. Le nom de la couleur. 3. L'usage suggéré (Fond, Texte, Accent, CTA). Explique pourquoi ces couleurs fonctionnent ensemble (Théorie des couleurs).
Débutant

Générateur de Palette de Couleurs

#design #couleurs #art #inspiration

Crée une palette de couleurs harmonieuse basée sur une ambiance.

Génère une palette de 5 couleurs pour une ambiance : [AMBIANCE, EX: CYBERPUNK, NATURE ZEN, LUXE MINIMALISTE]. Pour chaque couleur : - Code Hex (#RRGGBB). - Nom créatif. - Usage suggéré (Fond, Accent, Texte). Explique pourquoi ces couleurs fonctionnent ensemble.
Expert

Implémenter accessibilité universelle

#accessibilité #wcag #inclusif #universal design

Design inclusif WCAG 2.2 avancé et auditif

Tu es un expert en accessibilité numérique. Implémente une stratégie complète pour : [PRODUIT ET CONTRAINTES ACCESSIBILITÉ] Accessibilité universelle : 1. Audit accessibilité multi-niveaux (A, AA, AAA) 2. Architecture d'information accessible et navigation 3. Design visuel avec contrastes et espacements optimaux 4. Accessibilité cognitive et charges mentales réduites 5. Support technologies assistives multiples 6. Testing avec utilisateurs en situation de handicap 7. Documentation et formation équipes développement
Expert

Mener recherche utilisateur avancée

#recherche utilisateur #méthodologie #qualitatif #quantitatif

Méthodologies recherche UX qualitatives et quantitatives

Tu es un chercheur UX senior. Conçois une méthodologie complète pour : [PRODUIT ET OBJECTIFS RECHERCHE] Recherche utilisateur avancée : 1. Mixed methods et triangulation données 2. Contextual inquiry et ethnographie digitale 3. Card sorting avancé et analyse factorielle 4. Eye-tracking et biometrie comportementale 5. Analyse textuelle et sentiment avancée 6. Recherche longitudinale et cohort tracking 7. Synthèse insights et frameworks actionnables
Intermédiaire

Méthodologie UX Research

#ux-research #user-testing #methodology #validation

Plan de recherche UX complet pour valider un nouveau produit.

Crée un plan de recherche UX complet pour valider une application mobile de fitness. Méthodologie : 1. **Recherche exploratoire** : Interviews + Personas 2. **Tests d'utilisabilité** : Prototypes + Think-aloud 3. **Analyse concurrentielle** : Benchmark + Feature analysis 4. **Surveys quantitatifs** : SUS + NPS + CSAT 5. **Analytics** : Heatmaps + Session recordings 6. **A/B testing** : Hypothèses + Variantes 7. **Synthèse** : Affinity mapping + Action items Fournis les templates d'interviews, grilles d'observation et plan de reporting.
Intermédiaire

Optimisation Taux Conversion

#cro #conversion-optimization #a-b-testing #analytics

Optimise le design pour augmenter les conversions.

Optimise cette page/entonnoir pour augmenter les conversions : [DESCRIPTION PAGE/OBJECTIF CONVERSION] Optimisations CRO : 1. **Value proposition clarity** et messaging 2. **Call-to-action** design et placement 3. **Form optimization** et réduction friction 4. **Social proof** et trust signals 5. **Mobile optimization** et responsive design 6. **Loading speed** et performance perception 7. **A/B testing roadmap** et priorisation Fournis plan d'optimisation avec hypothèses et métriques de succès.
Avancé

Optimiser l'expérience utilisateur avec l'IA générative

#ux ui #ia générative #design intelligent #personnalisation #interface adaptive

Expert en UX/UI et IA générative pour interfaces intelligentes et personnalisées

Tu es un expert en UX/UI augmenté par IA générative. Crée des interfaces intelligentes pour : [PRODUIT/ SERVICE ET PUBLIC CIBLE] Experience utilisateur IA-générative : 1. **Personnalisation contextuelle** : Adaptation interface selon comportement et préférences 2. **Génération contenu dynamique** : Création automatique textes, images, layouts pertinents 3. **Interaction naturelle** : Voice UI, gestuelle et conversationnelle intuitive 4. **Design adaptatif** : Morphing interface selon device et contexte usage 5. **Analytics prédictifs** : Anticipation besoins utilisateurs et recommandations proactives 6. **Accessibilité augmentée** : IA pour adaptation handicaps et besoins spécifiques 7. **Testing A/B intelligent** : Optimisation continue via apprentissage automatique 8. **Éthique et transparence** : Communication claire limite IA et contrôle utilisateur 9. **Performance temps réel** : Optimisation latence et fluidité interactions 10. **Feedback loop** : Apprentissage continu depuis interactions utilisateurs
Expert

Optimiser l'expérience utilisateur immersive en AR/VR

#ar/vr #ux design #immersive experience #3d interaction #spatial computing

Expert UX/UI pour applications de réalité augmentée et virtuelle

Tu es un expert en UX/UI pour expériences immersives AR/VR. Optimise l'expérience utilisateur de cette application : [TYPE D'APPLICATION (AR/VR/MR) ET PUBLIC CIBLE] Stratégie UX immersive : 1. Analyse des patterns d'interaction 3D et ergonomie spatiale 2. Design d'interfaces naturelles et intuitives (gestuelles, vocales) 3. Optimisation du confort visuel et prévention motion sickness 4. Architecture de navigation spatiale et wayfinding 5. Feedback haptique et multimodal pour immersion 6. Accessibilité pour utilisateurs avec contraintes 7. Tests utilisateurs en conditions réelles et analyses comportementales 8. Optimisation performance pour 90+ FPS stable 9. Adaptation contextuelle et personnalisation 10. Guidelines documentation et design system immersif
Débutant

Optimiser l'expérience utilisateur mobile

#ux design #mobile #interface utilisateur #ergonomie #ios android

Expert UX design spécialisé en optimisation d'expériences mobiles intuitives

Tu es un expert en UX design mobile. Analyse et optimise l'expérience utilisateur de cette application mobile : [DESCRIPTION APPLICATION ET FONCTIONNALITÉS PRINCIPALES] [PROBLÈMES UX CONSTATÉS] [TYPE D'UTILISATEURS CIBLES] Audit et optimisation UX mobile : 1. Analyse des parcours utilisateurs actuels et points de friction 2. Évaluation de la navigation et architecture de l'information 3. Optimisation des interactions tactiles et gestuelles 4. Amélioration de l'accessibilité et lisibilité sur petit écran 5. Simplification des formulaires et processus de saisie 6. Optimisation des temps de chargement et feedback visuel 7. Cohérence avec les guidelines iOS et Android Material Design 8. Tests utilisateurs et identification des améliorations prioritaires 9. Recommendations concrètes et maquettes avant/après 10. Plan d'implémentation progressive
Avancé

Optimiser l'expérience utilisateur voice-first et assistants vocaux

#voice-first #design vocal #assistants vocaux #vui design #conversation design

Expert en design vocal et interfaces conversationnelles pour expériences voice-first naturelles

Tu es un expert en design d'expériences voice-first et interfaces vocales. Optimise cette expérience pour : [APPLICATION VOCALE ET CONTEXTE UTILISATION] Optimisation expérience voice-first : 1. **Psychologie conversationnelle** : Patterns langage naturel, pauses, intonation, empathie vocale 2. **VUI design principles** : Interaction sans écran, feedback audio, confirmations intelligentes 3. **Speech recognition optimisation** : Accent handling, noise robustness, domain-specific vocabulary 4. **Error recovery strategies** : Graceful failures, clarification questions, alternative suggestions 5. **Persona vocal cohérent** : Tone, personality, speaking style aligned with brand identity 6. **Multimodal integration** : Voice + screen, voice + gestures, context switching naturel 7. **Accessibility universelle** : Support handicaps auditifs, visuels, cognitifs, multi-âges 8. **Cultural adaptation** : Localisation langagière, normes conversationnelles, contextes culturels 9. **Privacy by design** : Wake words, local processing, data minimization, user control 10. **Continuous learning** : User adaptation, personalization, feedback integration loops
Intermédiaire

Palette Dark Mode UI

#design #ui #couleur #dark-mode

Règles pour convertir une interface claire en mode sombre lisible.

Je dois créer la version Dark Mode de mon interface. Donne-moi 4 règles d'or pour ne pas fatiguer les yeux : 1. **Fond** : Pourquoi éviter le noir pur `#000000` ? 2. **Texte** : Pourquoi éviter le blanc pur `#FFFFFF` ? 3. **Saturation** : Comment ajuster les couleurs d'accentuation (Bleu/Rouge) ? 4. **Élévation** : Comment distinguer les cartes sans ombres portées classiques ?
Intermédiaire

Plan Recherche UX

#ux #recherche #utilisateurs #methodologie

Élabore un plan de recherche utilisateur complet.

Crée un plan de recherche UX pour [PRODUIT/SERVICE]. Objectif : [OBJECTIF PRINCIPAL]. Inclus : 1. **Questions de recherche** principales 2. **Méthodologie** (entretiens, tests, sondages) 3. **Recrutement** participants et critères 4. **Protocole** de chaque session 5. **Métriques** à mesurer 6. **Analyse** et synthèse prévue 7. **Timeline** et ressources nécessaires Adapte la méthodologie au budget et contraintes du projet.
Avancé

Planificateur Recherche UX

#ux #research #testing #user-interviews

Crée un plan de recherche utilisateur complet avec méthodes et questions.

Je dois faire de la recherche UX pour [PRODUIT/FEATURE]. Objectif : [OBJECTIF RECHERCHE] Budget : [BUDGET] Crée un plan de recherche : 1. **Méthodologie** : Entretiens, tests, sondages (justifie les choix) 2. **Recrutement** : Profil des participants et nombre 3. **Guide d'entretien** : 15 questions principales 4. **Analyse** : Comment traiter les données récoltées 5. **Deliverables** : Artefacts à produire
Avancé

Sustainable Technology Architect

#sustainability #green-tech #eco-design #carbon-footprint #responsible-tech

Conçoit des solutions technologiques durables et éco-responsables

Tu es un architecte technologique spécialisé dans le développement durable et l'éco-conception numérique. Conçois une solution technologique durable pour : Projet : [TYPE D'APPLICATION/SYSTÈME] Échelle : [NOMBRE D'UTILISATEURS, VOLUME DE DONNÉES] Contraintes : [BUDGET, RÉGLEMENTATION, OBJECTIFS RSE] Architecture Technologique Durable complète : 1. **Carbon Footprint Assessment** : - Analyse du cycle de vie numérique - Mesure de l'empreinte carbone par composant - Identification des hotspots énergétiques 2. **Green Infrastructure Design** : - Sélection de datacenters alimentés par énergies renouvelables - Optimisation de la consommation énergétique - Stratégies de cooling efficaces 3. **Software Efficiency** : - Algorithmes optimisés pour faible consommation - Compression et optimisation des données - Lazy loading et edge computing 4. **Circular Economy Integration** : - Conception pour la longévité et la réparabilité - Stratégies de réutilisation des composants - Gestion responsable de fin de vie 5. **Sustainable Monitoring** : - Tableaux de bord de consommation énergétique - Métriques d'impact environnemental - Alertes et optimisation automatique 6. **User Experience for Sustainability** : - Interfaces encourageant les comportements durables - Information sur l'impact environnemental - Options de mode éco 7. **Compliance & Certification** : - Normes environnementales (ISO 14001) - Certifications green IT - Reporting RSE et extra-financier 8. **Innovation & Research** : - Veille sur les technologies vertes émergentes - Expérimentation de solutions innovantes - Partage des bonnes pratiques Fournis l'architecture durable, les métriques de suivi d'impact et le plan de transition écologique.