Tu es un développeur front-end senior. Crée une mini-application web statique en HTML, CSS et JavaScript vanilla pour [objectif].
Contraintes :
- public cible : [personas]
- fonctionnalités indispensables : [liste courte]
- mobile-first, accessible au clavier, responsive
- pas de framework ni dépendance inutile
- code clair, maintenable, commenté seulement si utile
Livre les fichiers nécessaires et explique brièvement comment tester l’app localement.
Agis comme directeur artistique web et expert UX/UI. Analyse cette interface et propose une refonte cohérente avec la marque [marque].
Objectifs :
- rendre la page plus mémorable
- améliorer la hiérarchie visuelle
- garder un contraste accessible
- éviter les effets décoratifs inutiles
- conserver une bonne performance
Applique les changements dans le CSS existant sans casser la structure HTML.
Tu es un ingénieur debug. Voici le comportement attendu : [résultat attendu].
Voici le comportement observé : [résultat réel].
Voici l’erreur console ou terminal : [erreur].
Voici les fichiers concernés : [liste].
Trouve la cause probable, propose une correction minimale, puis indique comment vérifier que le bug est résolu.
Analyse cette page en priorité mobile-first.
Vérifie :
- lisibilité des titres et paragraphes
- taille des boutons et zones cliquables
- absence de scroll horizontal
- grilles et cartes en une colonne sur petit écran
- images non déformées
- performance et animations réduites si nécessaire
Corrige le CSS avec des media queries simples et explique les choix.
Agis comme expert SEO technique et copywriter français. Optimise cette page pour la requête principale : [mot-clé].
À vérifier :
- title unique et attractif
- meta description claire
- un seul H1
- H2 orientés intention de recherche
- maillage interne vers les pages utiles
- texte naturel, sans bourrage de mots-clés
- Open Graph et données structurées si pertinent
Propose puis applique les améliorations.
Crée un petit jeu web en JavaScript vanilla autour de [concept].
Contraintes :
- boucle de jeu simple et fluide
- contrôles clavier et tactile si possible
- score visible
- état de démarrage, victoire/défaite et rejouer
- design cohérent avec [style]
- pas de dépendance lourde
Commence par une version jouable, puis liste les améliorations possibles.
Refactorise ce code sans changer le comportement utilisateur.
Objectifs :
- supprimer la duplication réelle
- améliorer les noms
- isoler les fonctions trop longues
- conserver les APIs publiques
- éviter les abstractions inutiles
- garder un diff lisible
Après modification, indique les zones les plus risquées à tester.
Préparer un déploiement
Pour shipper proprement.
Prépare ce projet pour un déploiement public.
Checklist :
- liens internes valides
- titres et meta descriptions
- images avec alt et dimensions
- aucun secret dans le code
- console sans erreur
- mobile OK
- performance correcte
- README ou instructions de lancement
Corrige ce qui est nécessaire et donne une procédure de vérification courte.
Tu es product manager et développeur senior. Transforme cette idée en MVP : [idée].
Donne :
- le problème utilisateur principal
- le public prioritaire
- les 3 fonctionnalités indispensables
- les fonctionnalités à repousser
- le parcours utilisateur minimal
- les données nécessaires
- les risques techniques
- une première liste de tâches de développement
Le but est de construire une version testable en [durée].
Aide-moi à clarifier cette idée d’application : [idée brute].
Pose d’abord jusqu’à 10 questions utiles, puis propose :
- une version simple du concept
- une version ambitieuse
- les utilisateurs cibles
- les écrans nécessaires
- les données manipulées
- les critères de réussite
- les pièges à éviter
Sois concret et évite les généralités.
Rédige un cahier des charges fonctionnel pour [projet].
Structure attendue :
- contexte et objectif
- utilisateurs et besoins
- périmètre de la V1
- écrans ou pages
- règles métier
- données à stocker
- contraintes techniques
- exigences responsive et accessibilité
- critères d’acceptation
- backlog priorisé
Le document doit être assez précis pour générer ensuite le code.
Compare les options techniques pour créer [type de projet].
Contexte :
- niveau développeur : [débutant/intermédiaire/avancé]
- délai : [durée]
- besoin backend : [oui/non]
- données sensibles : [oui/non]
- objectif : [prototype/interne/public]
Propose 3 stacks possibles, explique les compromis, puis recommande la plus simple pour livrer sans dette inutile.
Crée un wireframe HTML sémantique pour [page ou application].
Contraintes :
- structure claire avec header, main, sections et footer si utile
- hiérarchie H1, H2, H3 correcte
- textes réalistes, pas de lorem ipsum
- états vides, erreurs et succès si nécessaire
- classes CSS prêtes à styliser
- accessibilité de base
Ne fais pas encore de design détaillé : priorité à l’organisation.
Crée un composant [nom du composant] pour [contexte].
Le composant doit inclure :
- structure HTML accessible
- CSS responsive
- états hover, focus, actif, désactivé
- état vide ou chargement si pertinent
- variantes nécessaires
- exemples de contenu réaliste
- aucun effet visuel gratuit
Explique comment l’intégrer dans la page existante.
Audite cette interface pour l’accessibilité.
Vérifie :
- ordre des titres
- labels de formulaires
- navigation clavier
- focus visible
- contrastes
- textes alternatifs
- boutons et liens explicites
- zones cliquables
- annonces aria si nécessaire
Corrige les problèmes les plus importants et donne une checklist de validation manuelle.
Analyse cette page avec un regard performance.
Priorités :
- images dimensionnées et compressées
- CSS sans surcharge évidente
- JavaScript nécessaire uniquement
- animations respectueuses de prefers-reduced-motion
- chargement différé des médias
- fontes et scripts externes maîtrisés
- stabilité visuelle au chargement
Propose des corrections concrètes, puis applique celles qui ont le meilleur impact.
Vérifie ce projet pour éviter l’exposition de secrets.
Contexte :
- APIs utilisées : [liste]
- environnement : [front statique/backend/serverless]
- déploiement prévu : [hébergeur]
Identifie :
- clés ou tokens exposés
- appels API à déplacer côté serveur
- variables d’environnement à créer
- validations côté backend
- messages d’erreur sûrs
- étapes de rotation si une clé a déjà été publiée
Donne une correction minimale et une checklist avant déploiement.
Ajoute des tests pertinents pour cette fonctionnalité : [fonctionnalité].
Priorise :
- cas nominal
- cas limites
- erreurs utilisateur
- régression liée au bug [description]
- logique métier pure si possible
- tests rapides à lancer localement
Utilise les outils déjà présents dans le projet. Si aucun outil de test n’existe, propose l’option la plus légère.
Fais une revue de code de ces changements.
Concentre-toi sur :
- bugs possibles
- régressions utilisateur
- sécurité
- accessibilité
- performance
- maintenabilité
- tests manquants
Classe les problèmes par sévérité avec fichier et ligne quand c’est possible. Ne commente pas le style si cela ne change pas le comportement.
Aide-moi à intégrer l’API [nom de l’API] dans ce projet.
Objectif utilisateur : [objectif].
Contraintes :
- ne pas exposer les secrets
- gérer chargement, succès et erreur
- valider les entrées utilisateur
- prévoir les limites de taux
- afficher des messages compréhensibles
- garder le code testable
Propose l’architecture minimale, puis écris le code nécessaire.
Conçois le modèle de données pour [application].
Décris :
- entités principales
- champs indispensables
- relations
- contraintes d’unicité
- règles de validation
- données calculées à éviter
- exemples d’enregistrements
- migrations probables en V2
Propose ensuite un schéma SQL ou JSON selon la stack choisie.
Conçois le système d’authentification pour [application].
Précise :
- rôles utilisateurs
- pages publiques et privées
- règles d’accès par rôle
- données sensibles
- flux inscription, connexion, déconnexion
- récupération de mot de passe si nécessaire
- erreurs à afficher
- protections minimales
Propose une implémentation adaptée à [stack].
Crée le cahier des charges d’une application type PowerBI pour analyser des KPI.
Fonctions attendues :
- import CSV ou connexion source de données
- choix des indicateurs
- filtres par période, équipe et segment
- graphiques lisibles
- cartes de synthèse
- alertes sur seuils
- export image ou PDF
- résumé automatique des tendances
Prévois une V1 réaliste pour usage interne en entreprise.
Conçois une app de gestion d’onboarding pour une entreprise.
Elle doit permettre :
- création d’un parcours par poste
- checklist RH, matériel, accès et formation
- responsables par étape
- dates limites
- progression visible
- relances
- documents utiles
- feedback du nouvel arrivant
Donne les écrans, les données, les règles métier et une première version codable.
Conçois une application de création de vidéos avec voix IA et annotations, dans l’esprit d’un outil comme Synthesia.io.
Fonctions V1 :
- script vidéo
- choix d’une voix IA
- génération ou import de slides
- annotations visuelles
- timeline simple
- aperçu
- export vidéo
- gestion des projets
Ajoute les écrans, les composants, les risques techniques et un plan de prototype sans dépendances inutiles.
Crée une app de génération de prompts d’images.
L’utilisateur doit pouvoir choisir :
- sujet
- style visuel
- cadrage
- lumière
- couleurs
- niveau de réalisme
- format
- contraintes à éviter
L’app doit générer un prompt propre, une version courte, une version détaillée et une liste de negative prompts si utile.
Conçois une app pour créer et gérer un catalogue de formation.
Fonctions :
- fiches formation
- objectifs pédagogiques
- public cible
- prérequis
- durée
- modalités
- programme
- tarifs ou niveaux
- recherche et filtres
- export de fiche
Propose la structure des données, les écrans et une interface claire pour un organisme de formation.
Crée une app de conception d’ateliers de formation.
Elle doit aider à produire :
- objectif de l’atelier
- déroulé minute par minute
- activités pratiques
- consignes formateur
- supports nécessaires
- exercices
- critères d’évaluation
- variantes selon niveau
Ajoute une vue calendrier ou planning et un export synthétique.
Analyse cette documentation de formation : [coller ou décrire le corpus].
Objectifs :
- résumer les thèmes
- repérer les notions clés
- détecter les répétitions
- identifier les manques
- proposer des quiz
- proposer des exercices
- créer une progression pédagogique
- extraire un glossaire
Fournis une synthèse exploitable par un formateur.
Conçois un serious game pour une entreprise de robots.
But :
- expliquer les usages des robots
- simuler des décisions terrain
- faire apprendre par missions
- donner un score pédagogique
- débriefer les choix
Décris :
- scénario
- mécaniques de jeu
- niveaux
- écrans
- feedbacks
- données suivies
- version prototype web jouable en V1.
Crée une app de gestion de projets sous forme de diagramme de Gantt.
Fonctions V1 :
- projets
- tâches
- dates début et fin
- dépendances
- responsables
- statut
- glisser déposer si possible
- zoom semaine/mois
- retard visible
Propose une interface dense mais lisible, adaptée à un usage professionnel répété.
Crée une animation d’horoscope astrologique avec GSAP.
Contraintes :
- roue zodiacale animée
- signes ou constellations visibles
- mouvement fluide et lent
- pause ou réduction si prefers-reduced-motion
- responsive mobile
- aucun texte qui chevauche l’animation
- ambiance premium sans surcharge
Fournis le HTML, le CSS et le JavaScript, puis explique où charger GSAP.
Crée un jeu type Motus pour TikTok en format vertical.
Fonctions :
- mot mystère
- grille de tentatives
- clavier virtuel
- couleurs de feedback
- timer optionnel
- score final
- mode animateur
- état partageable en vidéo
Design :
- très lisible en 9:16
- animations courtes
- gros caractères
- contraste fort
Propose une V1 web jouable.
Crée un jeu inspiré d’Une Famille en Or pour TikTok.
Fonctions :
- question visible
- réponses cachées à révéler
- points par réponse
- deux équipes
- buzzer ou tour par tour
- animation de révélation
- écran score
- mode animateur
Le format doit être vertical, spectaculaire mais clair, et utilisable pendant un live.
Crée une app de problèmes d’échecs à résoudre pour TikTok.
Fonctions :
- échiquier lisible en vertical
- position FEN
- question du type “mat en 1” ou “meilleur coup”
- saisie du coup
- feedback immédiat
- solution animée
- compteur de temps
- écran résultat
Utilise une bibliothèque d’échecs fiable pour les règles si le projet le permet.
Crée un jeu web “Coin Rush”.
Gameplay :
- le joueur collecte des pièces
- obstacles ou ennemis simples
- score visible
- combo ou bonus
- temps limité
- écran départ
- écran fin
- bouton rejouer
- contrôles clavier et tactile
Objectif : une V1 immédiatement jouable, fluide et facile à améliorer.
Conçois une application de gestion de tournoi d’échecs.
Fonctions :
- création de tournoi
- inscription des joueurs
- rondes
- appariements
- résultats
- classement
- départages
- export CSV
- vue arbitre et vue public
Précise les règles à confirmer selon le format : suisse, toutes rondes, élimination ou blitz amical.
Transforme cette app en expérience verticale pour TikTok.
Contraintes :
- format 9:16
- éléments importants dans la zone centrale
- textes très lisibles
- animations courtes
- gros boutons
- score ou progression visible
- mode capture vidéo
- pas de scroll inutile pendant la séquence principale
Adapte le HTML, le CSS et les interactions.
Crée une landing page professionnelle pour [offre].
Elle doit contenir :
- promesse claire
- preuve ou exemple concret
- public cible
- bénéfices
- déroulé ou méthode
- appels à l’action
- FAQ
- mentions de confiance
Le design doit être cohérent avec [marque] et ne pas ressembler à un template marketing banal.
Analyse ce projet avec une checklist RGPD de premier niveau.
Vérifie :
- données collectées
- finalité
- durée de conservation
- consentement si nécessaire
- sous-traitants
- droits d’accès, rectification et suppression
- formulaire de contact
- analytics ou cookies
- mentions légales et politique de confidentialité
Donne les corrections éditoriales et techniques à prévoir. Ceci n’est pas un avis juridique.
Rédige une documentation utilisateur courte pour [application].
Inclure :
- objectif de l’app
- démarrage rapide
- principales actions
- erreurs fréquentes
- limites connues
- conseils d’usage
- mini FAQ
- contact support
Le ton doit être simple, direct et adapté à des utilisateurs non techniques.
