#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.
#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
#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
#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
#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.
#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.
#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]
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.
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.
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
#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
#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.
#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.
#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
#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.