Avancé
Optimiser les références circulaires JavaScript
Expert en JavaScript avancé pour résoudre les problèmes de références circulaires et memory leaks
Tu es un expert en JavaScript avancé et gestion mémoire. Résous les problèmes de références circulaires dans :
[CODE JAVASCRIPT AVEC PROBLÈMES DE MÉMOIRE]
Stratégie d'optimisation :
1. **Détection des références circulaires** : Outils et techniques pour identifier les cycles
2. **Patterns de refactoring** : Restructuration du code pour éliminer les dépendances cycliques
3. **WeakMap et WeakSet** : Utilisation appropriée pour éviter les memory leaks
4. **Event listeners cleanup** : Gestion propre des écouteurs d'événements
5. **Closure management** : Optimisation des fermetures JavaScript
6. **Memory profiling** : Outils Chrome DevTools et Node.js pour l'analyse
7. **Garbage collection** : Compréhension et optimisation du GC
8. **Design patterns alternatifs** : Observer, Mediator, et autres solutions
9. **Tests de charge mémoire** : Validation des optimisations
10. **Monitoring continu** : Détection proactive des fuites mémoire
Fournis le code corrigé, les explications techniques, et les bonnes pratiques de prévention.
Expert
Kubernetes Operators Patterns
Crée des Kubernetes Operators complexes avec CRDs et Controller Runtime.
Tu es un expert Kubernetes et Go. Je veux développer un Operator Kubernetes pour [DÉCRIRE: DATABASE, MESSAGING, CUSTOM RESOURCE...].
Architecture Operator complète:
1. **Custom Resource Definitions (CRDs)** : Structure YAML, validation, status subresource
2. **Controller Runtime** : Reconciliation loops, event handling, finalizers
3. **Client-Go Usage** : Dynamic client, typed client, patch strategies
4. ** RBAC & Security** : Service accounts, roles, cluster roles
5. **Testing Strategy** : Envtest, Kubebuilder testing, integration tests
6. **Helm Charts** : Templates, values, dependencies
7. **Metrics & Observability** : Prometheus metrics, health checks, logging
8. **Lifecycle Management** : Leader election, graceful shutdown, error handling
9. **Multi-cluster Support** : Cluster registry, federation patterns
10. **Best Practices** : Idempotent operations, conflict resolution, versioning
Fournis le code Go complet, les CRDs YAML, les manifests de déploiement, et les charts Helm.
Avancé
Générateur de Custom Hook React
Crée un Hook React personnalisé, propre et typé (TypeScript).
J'ai besoin d'un Custom Hook React pour : [FONCTIONNALITÉ, EX: GÉRER LE LOCALSTORAGE, DÉTECTER LE CLIC HORS D'UN ÉLÉMENT].
Écris le code en TypeScript.
Inclus :
- Les types génériques si nécessaire.
- La gestion des effets de bord (useEffect).
- Un exemple d'utilisation dans un composant.
Avancé
Auditeur Performance React
Audit et optimisation des performances des applications React.
Tu es un expert en performance React. Analyse ce composant/application :
[INSÉRER CODE REACT]
Identifie :
1. **Re-rendus inutiles** (useMemo, useCallback)
2. **Problèmes de mémoire** (cleanup, useEffect)
3. **Performance au chargement** (code splitting, lazy loading)
4. **Optimisations** avec exemples de code
5. **Métriques** à surveiller (FCP, LCP, TTI)
Avancé
Optimization Performance React
Optimise une application React complexe pour des performances maximales.
Tu es un expert performance frontend. J'ai une application React qui est lente et je veux l'optimiser.
Analyse et optimisation complète:
1. **Performance Audit** : Lighthouse, Web Vitals, Chrome DevTools profiling
2. **Bundle Optimization** : Code splitting, lazy loading, tree shaking, webpack analysis
3. **React Optimizations** : React.memo, useMemo, useCallback, virtualization
4. **State Management** : Redux optimization, context splitting, state normalization
5. **Rendering Optimization** : Server-side rendering, static generation, streaming SSR
6. **Asset Optimization** : Image optimization, font loading strategies, CDN usage
7. **Memory Management** : Leak detection, cleanup functions, event listener removal
8. **Network Optimization** : Caching strategies, prefetching, compression, HTTP/2
9. **Runtime Performance** : Web Workers, heavy computation offloading, requestIdleCallback
10. **Monitoring** : Real User Monitoring (RUM), performance budgets, regression testing
Fournis le code optimisé, les configurations webpack/vite, les stratégies de caching, et les dashboards de monitoring.
Expert
Plateforme de Codage Collaboratif Temps Réel
Expert en développement de plateformes IDE collaboratives avec synchronisation en temps réel et gestion de conflits intelligente
Tu es un expert en systèmes de développement collaboratif. Conçois une plateforme de codage temps réel pour :\n\n[EXIGENCES PLATEFORME ET ÉQUIPE DÉVELOPPEMENT]\n\nArchitecture collaborative temps réel :\n1. **Synchronisation temps réel** : WebSocket/WebRTC pour édition simultanée avec Operational Transformation\n2. **Gestion conflits** : Algorithmes intelligents de résolution automatique des conflits de code\n3. **Versioning distribué** : Intégration Git avec branches collaboratives et merge automatique\n4. **IDE partagé** : Interface complète avec syntax highlighting, auto-complétion et debugging multi-utilisateurs\n5. **Communication intégrée** : Chat, vidéo-conférence et partage d'écran\n6. **Code review en temps réel** : Système de commentaires inline et suggestions pendant l'écriture\n7. **IntelliSense collectif** : Suggestions basées sur patterns de codage de toute l'équipe\n8. **Testing collaboratif** : Exécution et debugging partagés de tests unitaires et intégration\n9. **Dashboard activité** : Vue d'ensemble des contributions, conflits résolus et progrès équipe\n10. **Sécurité et permissions** : Gestion fine des accès, rôles et confidentialité du code source\n\nFournis l'architecture technique, les algorithmes de synchronisation, et les stratégies d'évolutivité.
Intermédiaire
Générateur Regex Simple
Crée une expression régulière pour un motif spécifique.
J'ai besoin d'une expression régulière (Regex) pour matcher : [DESCRIPTION DU MOTIF, EX: DATE FORMAT JJ/MM/AAAA].
Langage cible : [JS/PYTHON/PHP].
Fournis :
1. La Regex brute.
2. Une explication des parties.
3. Des exemples de chaînes qui matchent et qui ne matchent pas.
Intermédiaire
Générateur Composant Tailwind CSS
Crée un composant UI moderne et responsive avec Tailwind CSS.
Crée le code HTML/Tailwind CSS pour : [COMPOSANT, EX: UNE CARTE PRODUIT, UNE NAVBAR].
Contraintes :
- Design moderne et épuré.
- Responsive (Mobile First).
- Support du Dark Mode (`dark:` classes).
- Utilise uniquement les classes utilitaires standard de Tailwind.
Avancé
Terraform Architecture Entreprise
Conçoit une infrastructure Terraform multi-cloud avec modules et best practices.
Tu es un architecte IaC expert. Je veux déployer une infrastructure multi-cloud sur [AWS/AZURE/GCP] pour [TYPE D'APPLICATION].
Architecture Terraform complète:
1. **Module Structure** : Root modules, child modules, composition patterns
2. **Multi-cloud Strategy** : Provider configurations, data sources, cross-cloud networking
3. **State Management** : Remote state (S3/Azure Blob/GCS), state locking, state encryption
4. **Workspace Strategy** : Dev/staging/prod workspaces, variable management
5. **Security Hardening** : IAM roles, network security groups, encryption at rest/in transit
6. **Networking Design** : VPC/VNet peering, transit gateway, DNS routing
7. **Compute Strategy** : Auto-scaling groups, load balancers, container orchestration
8. **Data Layer** : RDS/SQL Database, NoSQL clusters, backup/retention policies
9. **CI/CD Integration** : GitHub Actions, GitLab CI, Atlantis, Terraform Cloud
10. **Cost Optimization** : Reserved instances, spot instances, right-sizing
Fournis les modules Terraform, les backend configurations, les variables, et les pipelines CI/CD.
Avancé
Types Avancés TypeScript
Maîtrise le système de types avancés de TypeScript pour un code type-safe et élégant.
Tu es un expert TypeScript. Je veux maîtriser les types avancés pour un code plus robuste.
Domaine: [DÉCRIRE: LIBRAIRIE, FRAMEWORK, API...]
Enseigne-moi les patterns avancés:
1. **Utility Types** : Record, Pick, Omit, Partial, Required, et créer ses propres utility types
2. **Conditional Types** : T extends U ? X : Y pour des transformations de types dynamiques
3. **Mapped Types** : {[K in keyof T]: ...} pour transformer les propriétés d'objets
4. **Template Literal Types** : Types au niveau des chaînes pour les APIs string-based
5. **Branded Types** : Créer des types nominaux pour une meilleure sécurité
6. **Generic Constraints** : T extends SomeType pour limiter les types génériques
7. **Type Guards** : isX() functions et discriminated unions pour le runtime checking
8. **Recursive Types** : Types qui se référencent eux-mêmes (arbres, graphes)
9. **Module Augmentation** : Étendre les types existants de bibliothèques tierces
10. **Practical Examples** : Builder pattern, Result type, State machine types
Fournis des exemples concrets et une librairie TypeScript réutilisable.
Avancé
Web Performance Optimization Expert
Optimise les performances web avec Core Web Vitals et techniques avancées
Tu es un expert en optimisation des performances web spécialisé dans les Core Web Vitals.
Analyse et optimise le site suivant :
URL : [URL DU SITE]
Technologies : [FRAMEWORKS, LIBRAIRIES]
Problèmes identifiés : [LCP, CLS, FID issues]
Optimisation Performance Web complète :
1. **Core Web Vitals Analysis** :
- LCP (Largest Contentful Paint) : Images, fonts, server response
- FID/INP (First Input Delay/Interaction to Next Paint) : JavaScript execution, blocking tasks
- CLS (Cumulative Layout Shift) : Layout stability, dimension attributes
2. **Frontend Optimization** :
- Resource bundling and minification
- Lazy loading strategies
- Critical CSS inlining
- Image optimization (WebP, responsive images)
3. **Backend Performance** :
- Database query optimization
- Caching strategies (browser, CDN, application)
- Server-side rendering optimization
4. **Network Optimization** :
- HTTP/2 or HTTP/3 implementation
- Resource prioritization
- Compression and Brotli optimization
5. **Monitoring & Measurement** :
- Real User Monitoring (RUM)
- Synthetic monitoring setup
- Performance budgets implementation
Fournis le plan d'optimisation priorisé, les configurations techniques et les métriques de suivi.
Expert
Intégrer des solutions Web3 et blockchain
Expert en développement Web3 pour créer des applications décentralisées
Tu es un expert en développement Web3. Intègre des solutions blockchain pour :
[TYPE D'APPLICATION]
[FONCTIONNALITÉS DÉCENTRALISÉES]
[BLOCKCHAIN PRÉFÉRÉE]
[CONTRAINTES DE SÉCURITÉ]
Intégration Web3 complète :
1. Choix de la blockchain et architecture adaptée
2. Développement et audit de smart contracts
3. Intégration frontend avec wallets (MetaMask, WalletConnect)
4. Gestion des transactions et gas optimization
5. Sécurité et protection contre les vulnérabilités
6. Tests sur testnets et déploiement mainnet
7. Monitoring et gestion des événements on-chain
Fournis une solution décentralisée complète avec code smart contract et interface d'intégration.
Avancé
Architecte DApp Web3
Conçoit des applications décentralisées Web3 complètes.
Tu es un architecte Web3 expert en blockchain et smart contracts. Conçois une DApp pour :
[INSÉRER IDÉE PROJET WEB3]
Architecture DApp complète :
1. **Blockchain Selection** : L1/L2 choice based on requirements
2. **Smart Contract Architecture** : Contract patterns, upgradeability
3. **Tokenomics** : Utility token design, distribution, economics
4. **Frontend Integration** : Web3 libraries, wallet connections
5. **Security Considerations** : Audits, common vulnerabilities, best practices
6. **User Experience** : Gas optimization, transaction handling
7. **Infrastructure** : IPFS, nodes, monitoring, analytics
Format : Architecture document + smart contract templates + deployment guide.
Expert
Architecture Web3 dApp
Conçoit l'architecture d'une application décentralisée complète.
Je veux développer une dApp Web3 pour : [DESCRIPTION PROJET, EX: PLACE DE MARCHÉ NFT, PROTOCOLE DE FINANCE DÉCENTRALISÉ].
Conçois l'architecture complète :
**1. Smart Contracts** :
- Plateforme : Ethereum, Polygon, Solana ?
- Langage : Solidity, Rust ?
- Pattern : Factory, Proxy, Upgradeable ?
**2. Frontend** :
- Framework : React/Vue + Web3.js/Ethers.js
- Connexion au wallet : MetaMask, WalletConnect
- État : Context API, Redux, Zustand ?
**3. Backend** :
- IPFS pour le stockage décentralisé
- The Graph pour les requêtes complexes
- Services Oracle pour les données externes
**4. Infrastructure** :
- Hébergement : Vercel, Fleek, AWS ?
- Indexation : Alchemy, Infura, QuickNode ?
- Surveillance : Sentry, The Graph ?
**5. Sécurité** :
- Audit des contrats
- Gestion des clés API
- Protection contre les attaques communes
Donne un schéma architectural et les technologies recommandées avec leurs justifications.
Expert
Architecte dApp Web3
Conçoit une application décentralisée complète avec smart contracts.
Je veux développer une dApp sur : [BLOCKCHAIN : ETHEREUM, POLYGON, SOLANA].
Concept : [DESCRIPTION DAPP].
Crée une architecture technique Web3 complète :
1. **Smart Contracts** :
- Structure des contrats principaux (Solidity/Rust)
- Logique métier et règles de gouvernance
- Patterns de sécurité (Reentrancy guard, access control)
2. **Frontend** :
- Framework (React/Vue + Web3.js/Ethers.js)
- Connexion wallet (MetaMask, WalletConnect)
- Gestion des états on-chain vs off-chain
3. **Infrastructure** :
- Stockage décentralisé (IPFS/Arweave)
- Oracles si nécessaire (Chainlink)
- Déploiement et monitoring
4. **Tokenomics** : Si applicable, modèle économique du token natif.
5. **Sécurité** : Checklist des audits et tests nécessaires.
Estime les coûts de gas et les complexités techniques principales.