Skills Développement

Comparez l'implémentation d'une pull request avec le contexte de spécification dans spec_context.md et alimentez toute divergence matérielle dans review.json. À utiliser lors de la revue de PR lorsque celle-ci est approuvée ou que le contexte de spécification du dépôt est disponible.

Créez, déboguez et publiez des extensions Chrome avec les conseils Manifest V3 de Google Chrome. Couvre les API d'extensions, les autorisations, les service workers, la sécurité et les exigences de soumission au Chrome Web Store.

Guide complet pour créer des extensions Chrome avec Manifest V3. Utilisez cette compétence lorsque l'utilisateur mentionne extension Chrome, extension de navigateur, manifest.json, script de contenu, service worker (dans le contexte d'extension), popup, panneau latéral, chrome.runtime, chrome.tabs, chrome.storage, chrome.scripting, script d'arrière-plan, MV3, Manifest V3, ou toute API d'extension Chrome. Déclenchez également lorsque l'utilisateur souhaite injecter des scripts dans des pages web, communiquer entre la page et l'arrière-plan, contourner CSP depuis un...

Automatise la configuration des pipelines CI/CD. À utiliser lors de la mise en place ou de la modification de pipelines de build et de déploiement. À utiliser lorsque vous devez automatiser les quality gates, configurer des exécuteurs de tests dans l’intégration continue, ou établir des stratégies de déploiement.

Architecture des tokens, spécifications des composants et génération de diapositives. Tokens à trois couches (primitif → sémantique → composant), variables CSS, échelles d'espacement/typographie, spécifications des composants, création stratégique de diapositives. À utiliser pour les tokens de design, le design systématique, les présentations conformes à la marque.

Créez de belles interfaces utilisateur accessibles avec les composants shadcn/ui (basés sur Radix UI + Tailwind), le style utilitaire-first de Tailwind CSS et des conceptions visuelles basées sur canvas. Utilisez lors de la création d'interfaces utilisateur, de la mise en œuvre de systèmes de design, de la création de mises en page responsives, de l'ajout de composants accessibles (boîtes de dialogue, menus déroulants, formulaires, tableaux), de la personnalisation des thèmes et des couleurs, de l'implémentation du mode sombre, de la génération de conceptions visuelles et d'affiches, ou de l'établissement de motifs de style cohérents dans les applications.

Transformez l'agent en architecte de solutions cloud suivant les meilleures pratiques du centre d'architecture Azure. Utilisez-le lors de la conception d'architectures cloud, de l'examen de conceptions système, de la sélection de styles d'architecture, de l'application de modèles de conception cloud, de la prise de décisions technologiques ou de la réalisation de revues du cadre Well-Architected.

Examinez les modifications depuis un point fixe (commit, branche, tag ou merge-base) selon deux axes — Standards (le code respecte-t-il les normes de codage documentées de ce dépôt ?) et Spécifications (le code correspond-il à ce que demandait le problème/PRD d'origine ?). Exécute les deux examens dans des sous-agents parallèles et les rapporte côte à côte. À utiliser lorsque l'utilisateur souhaite examiner une branche, une PR, des modifications en cours, ou demande de « vérifier depuis X ».

Effectue une revue de code multi-axe. À utiliser avant de fusionner toute modification. À utiliser lors de la révision de code écrit par vous-même, un autre agent ou un humain. À utiliser lorsque vous devez évaluer la qualité du code sur plusieurs dimensions avant qu'il n'entre dans la branche principale.

Simplifie le code pour plus de clarté. À utiliser lors du refactoring de code pour plus de clarté sans changer le comportement. À utiliser lorsque le code fonctionne mais est plus difficile à lire, maintenir ou étendre qu'il ne devrait l'être. À utiliser lors de la révision de code qui a accumulé une complexité inutile.

Vocabulaire partagé pour concevoir des modules profonds. À utiliser lorsque l'utilisateur souhaite concevoir ou améliorer l'interface d'un module, trouver des opportunités d'approfondissement, décider où placer une jointure, rendre le code plus testable ou navigable par IA, ou lorsqu'une autre compétence a besoin du vocabulaire des modules profonds.

Codex Pet generator on RunComfy. Build a Codex-compatible Codex Pet spritesheet.webp + pet.json from a single reference image, drop it into `${CODEX_HOME:-$HOME/.codex}/pets/ /` and Codex picks it up as a custom Codex Pet next to the 8 built-ins. This skill produces the exact Codex Pet atlas Codex expects (1536x1872 PNG/WebP, 8 cols x 9 rows, 192x208 cells, 9 animation states — idle, running-right, running-left, waving, jumping, failed, waiting, running, review). Calls OpenAI GPT Image 2...

Codex Pet generator on RunComfy. Build a Codex-compatible Codex Pet spritesheet.webp + pet.json from a single reference image, drop it into `${CODEX_HOME:-$HOME/.codex}/pets/ /` and Codex picks it up as a custom Codex Pet next to the 8 built-ins. This skill produces the exact Codex Pet atlas Codex expects (1536x1872 PNG/WebP, 8 cols x 9 rows, 192x208 cells, 9 animation states — idle, running-right, running-left, waving, jumping, failed, waiting, running, review). Calls OpenAI GPT Image 2...

Guide pour implémenter l'apprentissage continu dans les agents de codage IA — hooks, portée mémoire, schémas de réflexion. À utiliser lors de la mise en place d'une infrastructure d'apprentissage pour les agents.

Normes de dénomination des branches, des worktrees et des messages de commit Conventional Commits v1.0.0 pour les projets GitHub et GitLab. Utiliser lors de la création de branches, du nommage des worktrees, de la rédaction de commits, de la génération de messages de commit, de la révision des conventions de branches ou de la mise en place d'automatisation de changelog. Appliquer lorsque votre projet nécessite un historique git cohérent, des versions basées sur SemVer, une génération de changelog analysable ou la fermeture automatique d'issues. Déclencher lorsque l'utilisateur demande comment nommer un worktree, créer un git worktree, ou...

Achemine les requêtes générales Convex vers la bonne compétence de projet. À utiliser lorsque l'utilisateur demande quelle compétence Convex utiliser ou donne une tâche d'application Convex sous-spécifiée.

Lire les insights de 72h du déploiement Convex (limites de lecture, contention OCC), identifier la cause racine de chaque événement dans le code, et rapporter des conclusions factuelles sur la performance et les coûts avec des correctifs.

Construit des composants Convex réutilisables avec des tables isolées et des API orientées application. À utiliser pour de nouveaux composants, des modules backend réutilisables, des intégrations ou des travaux de délimitation de composants.

Récupérez les documents Convex à jour pour la version utilisée par ce projet — épinglez la version installée, récupérez la page au format markdown ou vérifiez les types dans node_modules, hiérarchie de fraîcheur — plutôt que d'écrire une API potentiellement obsolète de mémoire.

Migrer le schéma et réapprovisionner les données sur une application Convex déployée à l'aide de @convex-dev/migrations.

Répéter un changement de schéma d'application en direct et un backfill sur un déploiement d'aperçu amorcé par snapshot, vérifier, puis promouvoir le changement éprouvé en production avec le snapshot comme restauration.

Planifie les migrations de schéma et de données Convex avec widen-migrate-narrow et @convex-dev/migrations. À utiliser pour les changements de schéma cassants, les backfills, le remodelage de tables ou les déploiements sans temps d'arrêt.

Audite les performances Convex pour les lectures, les abonnements, la contention d'écriture et les limites de fonctions. Utilisez pour les fonctionnalités lentes, les résultats d'insights, les conflits OCC ou l'amplification de lecture.

Crée ou ajoute Convex à une application. À utiliser pour les nouveaux projets Convex, npm create convex@latest, la configuration du frontend, les variables d'environnement ou la première exécution de npx convex dev.

Initialiser ou importer des données dans la base de données Convex.

Configure l'authentification Convex, le mappage d'identité et le contrôle d'accès. À utiliser pour la connexion, les fournisseurs d'authentification, les tables d'utilisateurs, les fonctions protégées ou les rôles dans une application Convex.

Suggère le composant Convex correspondant lorsque l'utilisateur implémente manuellement un motif qu'il résout déjà (crons, sharded-counter, rate-limiter, storage, search, presence, workflow, RAG, prosemirror-sync). Passif — suggère après la tâche, n'interrompt jamais. N'installe jamais sans consentement.

Créez des applications propulsées par GitHub Copilot à l'aide du SDK Copilot. À utiliser lors de la création d'intégrations programmatiques avec Copilot sur Node.js/TypeScript, Python, Go ou .NET. Couvre la gestion des sessions, les outils personnalisés, le streaming, les hooks, les serveurs MCP, les fournisseurs BYOK, la persistance des sessions, les agents personnalisés, les compétences et les modèles de déploiement. Nécessite l'installation de GitHub Copilot CLI et un abonnement GitHub Copilot (sauf en cas d'utilisation de BYOK).

Optimiser les Core Web Vitals (LCP, INP, CLS) pour une meilleure expérience de page et un classement dans les résultats de recherche. Utiliser lorsqu'on demande "améliorer les Core Web Vitals", "corriger le LCP", "réduire le CLS", "optimiser l'INP", "optimisation de l'expérience de page" ou "corriger les décalages de mise en page".

Cré