🏠 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

Composant Error Boundary React

#react #frontend #error-handling #class-component

Crée une barrière d'erreur pour empêcher le crash complet de l'app.

Je veux gérer les erreurs JavaScript dans mon app React. Crée un composant de classe `ErrorBoundary` qui : 1. Implémente `static getDerivedStateFromError` pour mettre à jour l'état. 2. Implémente `componentDidCatch` pour logger l'erreur. 3. Affiche une UI de repli (Fallback UI) si une erreur survient. Explique comment l'utiliser autour d'un composant critique.
Intermédiaire

Composition API Vue 3

#vue3 #composition #javascript #frontend

Maîtrise les API de Composition de Vue 3 pour des applications réactives complexes.

Tu es un expert Vue 3 et de son API de Composition. Je veux créer un composant utilisant les fonctionnalités avancées. Composant à développer: [DÉCRIRE LE COMPOSANT] Guide-moi pour implémenter: 1. **setup() vs onMounted** : Quand utiliser quoi et pourquoi? 2. **ref() et reactive()** : Gestion de l'état réactif avec composition 3. **computed()** : Propriétés calculées avec dépendances automatiques 4. **watch()** : Observation des changements avec cleanup automatique 5. **provide/inject** : Partage d'état entre composants sans props drilling 6. **Lifecycle Hooks** : onBeforeMount, onUpdated, onUnmounted... 7. **Code complet** : Fournis un composant Vue 3 fonctionnel et testable Explique les différences avec l'Options API et les avantages de la Composition.
Intermédiaire

Concepteur API REST

#api #rest #openapi #architecture

Conçoit des APIs RESTful robustes avec documentation OpenAPI

Tu es un architecte API spécialisé dans les systèmes RESTful. Conçois une API complète pour : [DESCRIPTION DU PROJET] Fournis : 1. **Endpoints** : Liste complète avec méthodes HTTP 2. **Schémas** : Request/Response bodies en JSON Schema 3. **Statuts HTTP** : Codes appropriés pour chaque cas 4. **Sécurité** : Authentification et autorisation 5. **Documentation** : Spécification OpenAPI 3.0 6. **Best Practices** : Rate limiting, pagination, versioning
Avancé

Concepteur API REST Complète

#api #rest #openapi #architecture

Conçoit une API REST complète avec documentation OpenAPI 3.0.

Tu es un architecte API expert. Conçois une API REST complète pour : [DESCRIPTION DU PROJET]. Fournis : 1. **Endpoints** avec méthodes HTTP et routes 2. **Schémas de requête/réponse** (JSON) 3. **Codes d'erreur** et gestion des exceptions 4. **Authentification** (JWT/OAuth2) 5. **Spécification OpenAPI 3.0** complète 6. **Bonnes pratiques** REST et HATEOAS Respecte les principes : stateless, cacheable, interface uniforme.
Intermédiaire

Concepteur Pipeline CI/CD

#cicd #github-actions #gitlab #devops

Crée des pipelines CI/CD optimisés pour différents environnements.

Tu es un expert en CI/CD et intégration continue. Crée un pipeline CI/CD complet pour ce projet : 1. Définis les étapes de build, test, déploiement 2. Configure la gestion des secrets 3. Implémente les stratégies de qualité (sonar, tests) 4. Ajoute les notifications et rollbacks 5. Supporte multi-environnements (dev/staging/prod) Projet : [INSÉRER DÉTAILS PROJET]
Intermédiaire

Concepteur Schema BDD

#database #sql #schema #design

Crée des schemas de base de donnees optimises et normalises.

En tant qu'architecte de données, conçois un schéma BDD pour : [DÉCRIRE L'APPLICATION] Fournis : 1. **Diagramme entité-relation** 2. **Tables avec types et contraintes** 3. **Index stratégiques** 4. **Normalisation** (3NF minimum) 5. **Requêtes SQL exemples** (CRUD) 6. **Optimisations performance**
Expert

Configurateur Kafka Consumer

#kafka #backend #messaging #devops

Génère une configuration robuste pour un consommateur Apache Kafka.

Je configure un Consommateur Kafka en [JAVA/PYTHON/NODE]. Besoin : Haute fiabilité, pas de perte de messages. Propose une configuration optimale pour : - `auto.offset.reset` - `enable.auto.commit` (et pourquoi le désactiver ?) - `max.poll.records` - `session.timeout.ms` Explique l'impact de chaque paramètre sur la performance et la fiabilité.
Intermédiaire

Configuration Git Workflow

#git #workflow #cicd #versioning

Met en place une stratégie Git et les hooks nécessaires.

Configure un workflow Git pour une équipe de [NOMBRE] développeurs sur projet [TYPE]. Fournis : 1. **Stratégie de branches** (GitFlow/GitHub Flow/GitLab Flow) 2. **Hooks Git** pour qualité (pre-commit, pre-push) 3. **Scripts de validation** (linting, tests, sécurité) 4. **Convention de commits** (Conventional Commits) 5. **Configuration CI/CD** de base 6. **Règles de protection** de branches principales Explique pourquoi cette stratégie est adaptée au projet.
Intermédiaire

Constructeur Composants Vue.js

#vue #components #composition-api #frontend

Crée des composants Vue.js reutilisables avec Composition API.

Tu es un expert Vue.js. Crée un composant pour : [DÉCRIRE LE COMPOSANT] Implémente : 1. **Composition API** avec <script setup> 2. **Props typées** avec validation 3. **Emits** pour communication parent-enfant 4. **Slots** pour flexibilité 5. **Reactivité** avec ref/reactive 6. **Cycle de vie** approprié 7. **Tests unitaires** avec Vue Test Utils
Débutant

Convertisseur de Formats de Données

#json #xml #data #conversion

Convertit des données entre JSON, XML, YAML ou CSV en expliquant la structure.

Convertis les données suivantes du format [FORMAT SOURCE] vers le format [FORMAT CIBLE]. Données : [INSÉRER DONNÉES] Assure-toi que la syntaxe est valide. Si la structure est complexe, explique comment les objets imbriqués ont été traités.
Avancé

Convertisseur de Langage (Polyglot)

#conversion #refactoring #legacy

Convertit du code d'un langage vers un autre en respectant les idiomes du langage cible.

Tu es un expert polyglotte en programmation. Convertis le code suivant de [LANGAGE SOURCE] vers [LANGAGE CIBLE]. Code Source : [INSÉRER CODE] Contraintes : - N'utilise pas de traduction littérale. Utilise les idiomes et best practices du langage cible (ex: utiliser des List comprehensions en Python, Streams en Java). - Si une bibliothèque spécifique n'existe pas, propose l'équivalent standard le plus proche. - Ajoute des commentaires expliquant les changements majeurs de logique.
Avancé

Créateur Pipeline DevOps

#devops #ci-cd #automation #docker

Crée des pipelines CI/CD complets avec best practices.

Tu es un expert DevOps spécialisé en pipelines CI/CD. Crée un pipeline complet pour : [INSÉRER TYPE PROJET: FRONT/BACK/MOBILE] Pipeline complet : 1. **Triggers** : Events, branches, schedules 2. **Build Stage** : Dependencies, compilation, Docker build 3. **Test Stage** : Unit tests, integration tests, security scans 4. **Quality Gates** : Code coverage, linting, vulnerability checks 5. **Artifact Management** : Versioning, storage, cleanup 6. **Deployment** : Environments, rollback strategy, blue-green 7. **Monitoring** : Notifications, logs, performance metrics Format : YAML (GitHub Actions/GitLab CI) + documentation complète.
Avancé

Créateur de Décorateur Python

#python #dev #optimisation #code

Crée un décorateur Python réutilisable (Log, Timer, Cache).

Écris un décorateur Python nommé `@timer` (ou `@logger`) qui mesure le temps d'exécution d'une fonction et l'affiche dans la console. Le décorateur doit : 1. Accepter des arguments (facultatif). 2. Préserver les métadonnées de la fonction originale (`functools.wraps`). 3. Afficher le temps en millisecondes.
Intermédiaire

Créer Angular avec budget limité

#créer #angular #développement web

Expert Créer en Angular avec budget limité

Tu es un créateur expert en Angular. Créeavec budget limité : [SPÉCIFICATIONS] Livraison attendue : 1. Architecture/Structure 2. Implémentation principale 3. Bonnes pratiques appliquées 4. Documentation essentielle
Expert

Créer Angular en environnement cloud

#créer #angular #développement web

Expert Créer en Angular en environnement cloud

Tu es un créateur expert en Angular. Créeen environnement cloud : [SPÉCIFICATIONS] Livraison attendue : 1. Architecture/Structure 2. Implémentation principale 3. Bonnes pratiques appliquées 4. Documentation essentielle