🏠 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
Intermédiaire

Boilerplate Jeu HTML5 Canvas

#javascript #game-dev #html5 #canvas

Génère la structure de base pour un jeu simple en JS/Canvas.

Écris le code HTML/JS pour un jeu simple utilisant le Canvas HTML5. Fonctionnalités requises : - Une boucle de jeu (Game Loop) avec `requestAnimationFrame`. - Gestion des inputs clavier (flèches). - Un objet 'Player' (carré) qui peut bouger. - Un système de détection de collision basique avec les bords.
Expert

Implémenter une architecture Event Sourcing + CQRS

#event sourcing #cqrs #architecture distribuée #microservices #scalabilité

Expert en patterns Event Sourcing et CQRS pour systèmes distribués scalables

Tu es un expert en patterns avancés d'architecture. Implémente Event Sourcing + CQRS pour : [DOMAINE MÉTIER ET BESOINS DE SCALABILITÉ] Architecture Event Sourcing + CQRS : 1. **Modélisation événementielle** : Identification des événements et agrégats 2. **Event Store design** : Sérialisation, versioning, et partitionnement 3. **Command side** : Validation, génération événements, et transactionnalité 4. **Query side** : Projections, read models, et optimisation des lectures 5. **Saga patterns** : Transactions distribuées et compensation 6. **Event versioning** : Gestion évolutions et backward compatibility 7. **Snapshot strategies** : Optimisation performance et reconstruction rapide 8. **Event replay** : Reconstruction états et debug temps 9. **Scalability patterns** : Sharding, replication, et load balancing 10. **Monitoring et debugging** : Traçabilité événements et performance analytics
Avancé

Implémenter une architecture micro-frontend optimisée

#micro frontends #architecture modulaire #web components #scalabilité frontend #team autonomy

Expert en architectures micro-frontends pour applications web scalables et autonomes

Tu es un expert en architectures micro-frontends. Implémente une solution optimisée pour : [APPLICATION ET STRUCTURE D'ÉQUIPES] Architecture micro-frontend : 1. **Découpage stratégique** : Division par domaine métier ou équipe 2. **Communication inter-modules** : Events, shared kernel, ou API contract 3. **Technology agnostic** : Frameworks différents par module si nécessaire 4. **Déploiement indépendant** : CI/CD par micro-frontend et versions isolées 5. **Shared dependencies** : Gestion optimisée des bibliothèques communes 6. **Routing composition** : Orchestration des modules et navigation unifiée 7. **Performance monitoring** : Métriques par module et optimisation globale 8. **Testing strategy** : Tests unitaires, intégration et E2E par module 9. **Design system** : Composants partagés et cohérence visuelle 10. **Migration progressive** : Stratégie passage monolithe vers micro-frontends
Avancé

Implémenter une application WebSocket avec Node.js et Express

#websockets #nodejs #express #temps réel #socket.io

Expert en développement WebSocket temps réel avec Node.js, Express et scaling

Tu es un expert en applications temps réel avec WebSockets. Développe une solution WebSocket complète : [SPÉCIFICATIONS APPLICATION TEMPS RÉEL] Architecture WebSocket Node.js : 1. **Setup serveur WebSocket** : Configuration Express + Socket.io ou ws natif 2. **Gestion des connexions** : Authentification, autorisation et gestion sessions 3. **Communication temps réel** : Events, rooms et broadcasting intelligent 4. **Scaling horizontal** : Redis adapter et load balancing WebSocket 5. **Gestion des erreurs** : Reconnexion automatique et fallback strategies 6. **Sécurité WebSocket** : Validation input et rate limiting 7. **Monitoring et logging** : Métriques connexions et performance temps réel 8. **Tests de charge** : Simulation milliers de connexions concurrentes 9. **Documentation API** : Events disponibles et protocoles de communication 10. **Déploiement production** : Configuration HTTPS et monitoring continu
Avancé

Générateur Manifeste Kubernetes

#devops #kubernetes #cloud #yaml

Crée des fichiers YAML valides pour déployer une app sur K8s.

Génère les manifestes Kubernetes pour mon application : [NOM APP]. Image Docker : [IMAGE:TAG]. Port : [PORT]. Replicas : [NOMBRE]. Inclus : 1. **Deployment** : Avec liveness/readiness probes. 2. **Service** : Type ClusterIP ou NodePort. 3. **Ingress** : (Optionnel) Pour un domaine donné. Assure-toi que la syntaxe YAML est correcte.
Avancé

Générateur de Manifest Kubernetes

#kubernetes #docker #devops #cloud #deployment

Crée des configurations Kubernetes complètes pour déployer une application.

Tu es un expert Kubernetes. Je veux déployer l'application suivante : App Details: [NOM APP, LANGAGE, PORT, BESOINS: DB/REDIS...] Génère les manifests YAML Kubernetes essentials : 1. **Deployment** : Avec replicas, resource limits, health checks, environment variables 2. **Service** : Pour exposer l'application (ClusterIP ou NodePort) 3. **ConfigMap** : Pour les configurations non-sensibles 4. **Secret** : Pour les mots de passe/clés API 5. **Ingress** : (Optionnel) Pour le routing HTTP avec domaine 6. **PersistentVolumeClaim** : Si besoin de stockage persistant Ajoute des commentaires expliquant chaque section important.
Avancé

Refactorer Code Legacy

#refactoring #legacy #modernisation

Modernise et refactorise du code legacy en toute sécurité.

Tu es un expert en modernisation de code legacy. Analyse ce code legacy et propose une stratégie de refactoring : 1. Identifie les anti-patterns et code smells 2. Propose une approche par incréments (strangler pattern) 3. Modernise la syntaxe et dépendances 4. Ajoute les tests manquants avant refactoring 5. Fournis le code modernisé étape par étape Code legacy : [INSÉRER CODE]
Avancé

Architecte Plateforme Low-Code

Conçoit des plateformes low-code/no-code pour accélérer le développement d'applications.

Tu es un expert en architecture de plateformes low-code/no-code avec expérience dans la conception d'outils pour développeurs citoyens. Conçois une plateforme low-code pour : [TYPE D'APPLICATIONS - ex: applications métier, workflows, automatisation] Public cible : [DÉVELOPPEURS CITOYENS, BUSINESS ANALYSTS, UTILISATEURS FINAUX] Échelle : [ENTREPRISE, PME, STARTUP] Architecture Low-Code complète : **1. Plateforme Visuelle** : - **Éditeur d'interface** : drag-and-drop avec composants réutilisables - **Constructeur de workflows** : logique métier visuelle avec connecteurs - **Générateur de formulaires** : création dynamique avec validation - **Designer de rapports** : tableaux de bord interactifs et visualisations **2. Moteur d'Exécution** : - **Runtime JavaScript** : exécution côté client et serveur - **Moteur de règles métier** : évaluation conditionnelle complexe - **Orchestrateur de processus** : gestion des états et transitions - **Gestionnaire de données** : CRUD automatique avec validation **3. Intégration et Connectivité** : - **Connecteurs pré-construits** : API REST, bases de données, services cloud - **Webhook Builder** : configuration d'intégrations événementielles - **API Gateway intégré** : exposition sécurisée des applications - **SSO et authentification** : intégration avec fournisseurs d'identité **4. Architecture Technique** : - **Microservices backend** : services spécialisés par fonctionnalité - **Base de données multi-tenant** : isolation des données clients - **Cache distribué** : optimisation des performances - **Monitoring et observabilité** : métriques d'utilisation et performance **5. Sécurité et Gouvernance** : - **Contrôle d'accès granulaire** : rôles et permissions par application - **Validation des entrées** : protection contre injections et XSS - **Audit trail complet** : traçabilité des actions et modifications - **Compliance RGPD** : gestion des consentements et droits utilisateurs **6. Déploiement et Scalabilité** : - **Architecture cloud-native** : conteneurisation et orchestration - **Auto-scaling horizontal** : adaptation à la charge utilisateur - **Blue-green deployments** : mises à jour sans interruption - **Multi-régions** : déploiement géographique distribué **7. Expérience Développeur** : - **Marketplace de composants** : écosystème d'extensions - **SDK et API extensibles** : personnalisation avancée - **Debugging intégré** : outils de développement visuels - **Documentation interactive** : guides et tutoriels intégrés Fournis l'architecture technique complète, les wireframes de la plateforme et le plan de déploiement.
Expert

Architecte Patterns Microservices

Conçoit des architectures microservices avec patterns avancés et best practices.

Tu es un architecte systèmes expert en microservices. Conçois une architecture pour : [APPLICATION/SYSTÈME + CONTRAINTES TECHNIQUES] Architecture Microservices complète : 1. **Decomposition Strategy** : - Domain-driven design boundaries - Business capability mapping - Service identification patterns 2. **Communication Patterns** : - Synchronous (REST, gRPC) - Asynchronous (events, messaging) - API Gateway patterns 3. **Data Management** : - Database per service pattern - Saga pattern for transactions - Event sourcing et CQRS 4. **Service Discovery** : - Client-side vs server-side discovery - Service registry implementation - Load balancing strategies 5. **Resilience Patterns** : - Circuit breaker - Retry with exponential backoff - Bulkhead isolation - Timeout patterns 6. **Observability** : - Distributed tracing - Centralized logging - Metrics collection - Health checks 7. **Security** : - OAuth2/JWT authentication - Service-to-service security - API security patterns 8. **Deployment** : - Container orchestration - CI/CD pipelines - Blue-green/canary deployments Fournis diagrammes d'architecture, patterns recommandés et implémentations exemples.
Expert

Architecte Patterns Communication Microservices

Conçoit des patterns de communication robustes entre microservices.

Tu es un architecte systèmes distribués expert. Conçois les patterns de communication pour cette architecture microservices : [DESCRIPTION SYSTÈME + NOMBRE SERVICES + CONTRAINTES] Architecture de communication microservices complète : **1. Patterns Synchrones** : - REST/HTTP : Quand et comment l'utiliser - gRPC : Avantages pour communications internes - GraphQL : Pour agrégations de données - WebSocket : Communications temps réel **2. Patterns Asynchrones** : - Message Queues (RabbitMQ, SQS) - Event Streaming (Kafka, Kinesis) - Pub/Sub (Redis, NATS) - CQRS : Command Query Separation **3. Patterns de Résilience** : - Circuit Breaker (Hystrix, Resilience4j) - Retry avec backoff exponentiel - Timeout et deadline propagation - Bulkhead isolation **4. Gestion des Données** : - Saga pattern pour transactions distribuées - Event Sourcing pour auditabilité - Outbox pattern pour fiabilité - Data consistency strategies **5. Sécurité** : - mTLS entre services - JWT/OAuth2 pour authentification - API Gateway patterns - Service mesh (Istio, Linkerd) **6. Observabilité** : - Distributed tracing (Jaeger, Zipkin) - Correlation IDs propagation - Health checks et readiness probes - Metrics et monitoring Fournis : - Diagramme d'architecture complète - Code exemples pour patterns clés - Configuration infrastructure - Stratégies de déploiement et monitoring
Avancé

Migrer vers une architecture micro-frontend

#micro-frontend #architecture #migration #module federation #scalabilité

Expert en migration d'applications monolithiques vers micro-frontends

Tu es un expert en architecture micro-frontend. Planifie et exécute la migration de : [APPLICATION MONOLITHIQUE ACTUELLE] [CONTRAINTES TECHNIQUES ET BUSINESS] Stratégie de migration : 1. Analyse de l'architecture existante et identification des bounded contexts 2. Choix de la stratégie (single-spa, module federation, etc.) 3. Découpage en domaines et définition des APIs de communication 4. Gestion du routing et navigation partagée 5. État global et communication entre micro-frontends 6. Dépendances partagées et versioning 7. Pipeline CI/CD et déploiement indépendant 8. Testing stratégies (E2E, intégration) 9. Performance et monitoring des applications 10. Migration progressive et rollback strategy
Intermédiaire

Architecte d'Application No-Code

#no-code #bubble #webflow #automation

Conçoit une application complète en utilisant des plateformes no-code.

Je veux créer une application no-code pour : [DESCRIPTION DE L'APP]. Fonctionnalités principales : [LISTE DES FONCTIONS]. Budget mensuel : [BUDGET]. Propose une architecture no-code complète : 1. **Plateforme principale** : Bubble, Webflow, Glide, ou autre ? Justifie le choix. 2. **Base de données** : Structure des tables et relations. 3. **Intégrations** : Quels outils connecter (Stripe, SendGrid, Google Sheets) ? 4. **Workflow** : Décris le flux utilisateur principal. 5. **Limitations** : Quelles fonctionnalités seront difficiles en no-code ? Estime le temps de développement et les coûts récurrents.
Débutant

Développer des applications avec no-code/low-code

#no-code #low-code #développement rapide #applications web

Expert en développement no-code pour créer des applications rapidement

Tu es un expert en développement no-code/low-code. Crée une application pour : [TYPE D'APPLICATION] [FONCTIONNALITÉS REQUISES] [PUBLIC CIBLE] [CONTRAINTES BUDGET/TEMPS] Développement no-code efficace : 1. Choix de la plateforme no-code adaptée (Bubble, Webflow, Adalo) 2. Conception de l'architecture et base de données 3. Création des workflows et logique métier 4. Design de l'interface utilisateur responsive 5. Intégration avec APIs et services externes 6. Tests utilisateurs et itérations 7. Déploiement et configuration production 8. Maintenance et évolutivité de l'application Fournis un guide complet avec choix d'outils et étapes de développement.
Avancé

Optimiser la gestion d'état Vue 3 avec Composition API

#vue 3 #composition api #state management #reactive programming #performance optimization

Expert en state management Vue 3 avec patterns modernes et performance

Tu es un expert Vue 3 Composition API. Optimise la gestion d'état pour : [APPLICATION VUE 3 ET BESOINS STATE] Architecture état optimisée : 1. **Reactive Design** : ref, reactive, computed pour réactivité granulaire 2. **Composables réutilisables** : Extraction logique état dans fonctions réutilisables 3. **State centralisé** : Pinia ou solution custom avec injection dependencies 4. **Performance patterns** : ShallowRef, markRaw, toRef optimisations 5. **Persistence intelligente** : localStorage/sessionStorage avec hydratation 6. **Time-travel debugging** : Historical state tracking et rollback 7. **DevTools integration** : Vue DevTools pour monitoring état 8. **Testing strategy** : Tests unitaires composables et état 9. **SSR compatibility** : État server-side compatible et hydration 10. **Memory management** : Nettoyage ressources et éviter memory leaks
Expert

Optimiser les performances d'applications React avancées

#react performance #optimization avancée #web development #react hooks #virtualization #concurrent features

Expert en optimisation React pour applications web complexes et haute performance

Tu es un expert en optimisation des performances React. Analyse et optimise cette application complexe pour atteindre des performances exceptionnelles : [DESCRIPTION APPLICATION ET PROBLÉMATIQUES PERFORMANCE] Stratégie d'optimisation React avancée : 1. **Rendering optimization** : React.memo, useMemo, useCallback stratégiques 2. **Virtual scrolling** : React Window et React Virtualized pour listes massives 3. **Code splitting intelligent** : Lazy loading et Suspense boundaries optimisés 4. **State management performant** : Zustand, Jotai, ou Redux Toolkit modernisé 5. **Concurrent React** : useTransition, useDeferredValue pour UI responsive 6. **Bundle analysis** : Webpack Bundle Analyzer et optimisation des imports 7. **Server Components** : Next.js App Router et streaming SSR 8. **Web Workers** : Délegation des tâches lourdes hors du thread principal 9. **Memory management** : Nettoyage des effets et prévention des memory leaks 10. **Performance monitoring** : React DevTools Profiler et métriques utilisateur Fournis le plan d'optimisation détaillé avec benchmarks attendus.