Skills Développement

Rédigez des articles techniques et billets de blog captivants pour un public de développeurs. Utilisez cette compétence lorsque l'utilisateur demande d'écrire un billet de blog, un article technique ou tout contenu technique long. Déclenchez-la également lorsque l'utilisateur dit « écris sur [sujet technique] », « aide-moi à rédiger un article », « transforme cela en billet de blog », « écris un post sur », « je veux publier quelque chose sur » ou mentionne l'écriture pour un public de développeurs. Couvre l'ensemble du pipeline : affinage des idées, génération d'accroches/titres, article...

Utiliser lors de l'implémentation d'une fonctionnalité ou d'une correction de bug, avant d'écrire le code d'implémentation

Convertir du texte en parole à l'aide de l'IA vocale ElevenLabs. Utiliser pour générer de l'audio à partir de texte, créer des voix off, construire des applications vocales ou synthétiser la parole dans plus de 70 langues.

Transforme des idées brutes en plans approuvés et complets, avec une structure validée avant le codage. À utiliser lorsque les utilisateurs demandent 出方案/给方案/深入分析/怎么设计/有没有必要/值不值得/plan this/how should I/should we keep this pour des fonctionnalités, de l'architecture ou des jugements de valeur. Pas pour des corrections de bugs ou des modifications mineures.

Décomposer un plan, un cahier des charges ou un PRD en tâches indépendantes sur le gestionnaire de tickets du projet en utilisant des tranches verticales de type tracer-bullet. À utiliser lorsque l'utilisateur souhaite convertir un plan en tickets, créer des tickets d'implémentation ou décomposer du travail en tâches.

Transformer le contexte actuel de la conversation en un PRD et le publier dans le système de suivi des problèmes du projet. À utiliser lorsque l'utilisateur souhaite créer un PRD à partir du contexte actuel.

Transformer la conversation actuelle en spécification et la publier dans le système de suivi des problèmes du projet — sans entretien, juste une synthèse de ce qui a déjà été discuté.

Décomposer un plan, un cahier des charges ou la conversation en cours en un ensemble de tickets tracer-bullet, chacun déclarant ses dépendances bloquantes, publié sur le tracker configuré — dépendances sous forme de texte dans un fichier par ticket localement, ou liens de blocage natifs sur un tracker réel.

Trier les problèmes via une machine à états pilotée par des rôles de triage. Utiliser lorsque l'utilisateur souhaite créer un problème, trier des problèmes, examiner les bogues entrants ou les demandes de fonctionnalités, préparer des problèmes pour un agent AFK, ou gérer le flux de travail des problèmes.

Configurer Cloudflare Turnstile de bout en bout dans un projet — analyser le code source, créer le widget via l'API Cloudflare, déployer le Worker managed siteverify, écrire les extraits frontend, valider et persister la compétence. Charger ceci lorsqu'un utilisateur demande d'ajouter Turnstile, de configurer un CAPTCHA, de protéger un formulaire contre les robots ou de corriger une intégration Turnstile. Miroir de developers.cloudflare.com/turnstile/spin.

Maîtrisez le système de types avancé de TypeScript, incluant les génériques, les types conditionnels, les types mappés, les littéraux de gabarit et les types utilitaires pour créer des applications typées de manière sécurisée. Utilisez-le lors de l'implémentation de logique de type complexe, de la création d'utilitaires de type réutilisables ou pour garantir la sécurité des types à la compilation dans les projets TypeScript.

Use when the user needs to create, extract, flatten, list, test, install, script, or troubleshoot `tzst` CLI workflows for `.tzst` or `.tar.zst` archives, including compression levels, streaming mode, extraction filters, conflict resolution, JSON output, or standalone binary setup, even if they describe the archive task without naming `tzst`.

Extraire un glossaire de langage ubiquitaire de type DDD à partir de la conversation en cours, en signalant les ambiguïtés et en proposant des termes canoniques. Sauvegarde dans UBIQUITOUS_LANGUAGE.md. À utiliser lorsque l'utilisateur souhaite définir des termes du domaine, construire un glossaire, consolider la terminologie, créer un langage ubiquitaire, ou mentionne « modèle du domaine » ou « DDD ».

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 construction 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 designs visuels et d'affiches, ou de l'établissement de motifs de style cohérents dans les applications.

Intelligence de conception UI/UX pour le web et le mobile. Comprend 50+ styles, 161 palettes de couleurs, 57 associations de polices, 161 types de produits, 99 directives UX et 25 types de graphiques sur 10 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui et HTML/CSS). Actions : planifier, construire, créer, concevoir, implémenter, réviser, corriger, améliorer, optimiser, renforcer, refactoriser et vérifier le code UI/UX. Projets : site web, page d’atterrissage, tableau de bord, panneau d’administration, e-commerce, SaaS, portfolio, blog, et...

Créer ou mettre à jour des compétences en générant, modifiant ou affinant les fichiers SKILL.md dans ce dépôt. À utiliser lors de la création de nouvelles compétences ou de la révision de la structure, des métadonnées ou des instructions pour des compétences existantes.

Découvre et invoque les compétences d'agent. À utiliser lors du démarrage d'une session ou lorsque vous devez découvrir quelle compétence s'applique à la tâche en cours. Il s'agit de la méta-compétence qui régit la manière dont toutes les autres compétences sont découvertes et invoquées.

À utiliser lors du démarrage d'un travail sur une fonctionnalité nécessitant un isolement de l'espace de travail actuel ou avant d'exécuter des plans d'implémentation - garantit l'existence d'un espace de travail isolé via des outils natifs ou un repli sur git worktree

Utiliser au début de toute conversation - établit comment trouver et utiliser les compétences, nécessitant l'invocation de l'outil Skill avant TOUTE réponse, y compris les questions de clarification.

Valider que l'implémentation d'une branche ou d'une pull request correspond aux spécifications produit, techniques, de sécurité et connexes introduites. À utiliser lors de la révision ou de la finalisation d'une modification pilotée par des spécifications et de la résolution des écarts entre les spécifications archivées et l'implémentation.

Utiliser pour l'optimisation des coûts et des performances Vercel sur les projets déployés, notamment Next.js, SvelteKit, Nuxt et certaines applications Astro. Collecter d'abord les métriques Vercel, l'utilisation, la configuration du projet et les résultats d'analyse de code ; n'étudier que les candidats basés sur des métriques ; produire des recommandations classées fondées sur des fichiers vérifiés et la documentation Vercel/framework tenant compte des versions. Déclencher pour la réduction de la facture Vercel, les routes lentes ou coûteuses, les opportunités de mise en cache, les invocations de fonctions, les minutes de build, le transfert de données rapide, Core...

À utiliser lorsqu'on est sur le point de déclarer un travail comme terminé, corrigé ou réussi, avant de commiter ou de créer des PRs - nécessite d'exécuter des commandes de vérification et de confirmer la sortie avant de faire des affirmations de succès ; des preuves avant les assertions toujours.

Cadre de test unitaire rapide Vitest propulsé par Vite avec une API compatible Jest. À utiliser lors de l'écriture de tests, du mocking, de la configuration de la couverture, ou du travail avec le filtrage de tests et les fixtures.

Planifiez un vaste ensemble de tâches — plus que ce qu’une session d’agent peut contenir — sous forme de carte partagée de tickets d’investigation sur votre gestionnaire de tickets, et résolvez-les un par un jusqu’à ce que la voie vers la destination soit dégagée.

Examiner le code UI pour la conformité aux Web Interface Guidelines. Utiliser lorsqu'on vous demande de « réviser mon UI », « vérifier l'accessibilité », « auditer le design », « réviser l'UX » ou « vérifier mon site par rapport aux bonnes pratiques ».

Audit complet de la qualité web couvrant les performances, l'accessibilité, le référencement et les bonnes pratiques. À utiliser lorsqu'on vous demande "auditer mon site", "examiner la qualité web", "exécuter un audit Lighthouse", "vérifier la qualité d'une page" ou "optimiser mon site web".

Kit d'outils pour interagir avec et tester des applications web locales à l'aide de Playwright. Permet de vérifier les fonctionnalités frontend, de déboguer le comportement de l'interface utilisateur, de capturer des captures d'écran du navigateur et de consulter les journaux du navigateur. licence : Conditions complètes dans LICENSE.txt

Génère un assistant bash interactif qui guide un humain à travers une procédure manuelle — configuration tierce, migration ponctuelle, transition d'état A→B — en ouvrant des URLs, capturant des valeurs, confirmant chaque étape, et écrivant des fichiers .env et des secrets GitHub Actions.

Rédigez une spécification PRODUCT.md pour une fonctionnalité utilisateur importante dans Warp, axée sur le comportement détaillé et la validation. Utilisez-la lorsque l'utilisateur demande une spécification produit, un document de comportement souhaité ou un PRD, souhaite définir le comportement d'une fonctionnalité avant sa mise en œuvre, ou lorsque la fonctionnalité est suffisamment substantielle ou ambiguë sur le plan comportemental pour qu'une spécification écrite améliore la mise en œuvre ou la révision.

Rédigez une spécification TECH.md pour une fonctionnalité Warp importante après avoir recherché la base de code actuelle et les contraintes d'implémentation. Utilisez lorsque l'utilisateur demande une spécification technique, un plan d'implémentation ou un document d'architecture lié à une spécification produit.