🎨 Frontend

Générez et maintenez les fichiers AGENTS.md conformément à la convention publique agents.md. Utilisez-le lors de la création de documentation pour les flux de travail des agents IA, les guides d’intégration ou lors de la standardisation des modèles d’interaction des agents à travers les projets.

Validez que les schémas OpenAPI, Swagger et GraphQL correspondent à l'implémentation backend. Détectez les modifications brisantes, générez des clients TypeScript et assurez que la documentation API reste synchronisée. Utilisez-le lors de la manipulation de fichiers de spécification API (.yaml, .json, .graphql), de l'examen des modifications API, de la génération de types frontend ou de la validation des implémentations d'endpoints.

Implémentez l'authentification et l'autorisation avec Better Auth - un framework d'authentification TypeScript indépendant du framework. Les fonctionnalités incluent l'authentification par email/mot de passe avec vérification, les fournisseurs OAuth (Google, GitHub, Discord, etc.), l'authentification à deux facteurs (TOTP, SMS), le support des passkeys/WebAuthn, la gestion des sessions, le contrôle d'accès basé sur les rôles (RBAC), la limitation de débit et les adaptateurs de base de données. Utilisez-le lors de l'ajout de l'authentification aux applications, de la mise en œuvre des flux OAuth, de la configuration de l'authentification à deux facteurs/multi-facteurs (2FA/MFA), de la gestion des sessions utilisateur, de la configuration des règles d'autorisation ou de la construction de systèmes d'authentification sécurisés pour les applications web.

Analyse, génère et améliore les fichiers CLAUDE.md pour tout type de projet en utilisant les meilleures pratiques, le support d'architecture modulaire et la personnalisation de la pile technologique. Utilisez-le lors de la configuration de nouveaux projets, de l'amélioration des fichiers CLAUDE.md existants ou de l'établissement de normes de développement assisté par IA.

Analyse votre historique récent de discussions Claude Code pour identifier les modèles de codage, les lacunes en développement et les domaines à améliorer, curieuse des ressources d'apprentissage pertinentes de HackerNews et envoie automatiquement un rapport de croissance personnalisé dans vos DMs Slack.

Expert en Expo Router pour le routage basé sur les fichiers dans les applications React Native. Couvre la navigation, les layouts, les routes dynamiques, le deep linking et l'intégration TypeScript. Appeler quand l'utilisateur mentionne Expo Router, routage basé sur les fichiers, navigation, répertoire app ou routage dans Expo.

Créez des interfaces frontend de qualité de production distinctives avec une haute qualité de design. Utilisez cette compétence lorsque l'utilisateur demande de construire des composants web, des pages ou des applications. Génèrez du code créatif et poli qui évite les esthétiques génériques d'IA.

Directives de développement frontend pour les applications React/TypeScript. Modèles modernes incluant Suspense, chargement paresseux, useSuspenseQuery, organisation des fichiers avec le répertoire features, stylisation MUI v7, TanStack Router, optimisation des performances et meilleures pratiques TypeScript. Utilisez-les lors de la création de composants, de pages, de fonctionnalités, de la récupération de données, de la stylisation, du routage ou du travail avec du code frontend.

Construit une présentation HTML interactive avec 6 onglets (Aperçu, Exigences, Architecture/C4, Spécifications techniques, Feuille de route, Guides). Crée une présentation/README.md hub. Travaille sous ln-110-documents-pipeline.

Orientation experte pour l'intégration de l'API bancaire Plaid incluant Link, Auth, Transactions, Identity et la gestion des webhooks. Invoquez-le lorsque l'utilisateur mentionne Plaid, les connexions bancaires, les données financières, ACH ou les API bancaires.

Guide complet de mise en œuvre et de conception pour Ply. Utilisez cette compétence lorsqu'une tâche implique les API de ply-engine, les workflows plyx ou la construction d'interface utilisateur en Rust avec Ply.

Machine de création de prompts de classe mondiale qui génère des méga-prompts prêts pour la production pour n'importe quel rôle, secteur et tâche grâce à un flux intelligent de 7 questions, 69 presets complets répartis dans 15 domaines professionnels (technique, business, créatif, juridique, finance, RH, design, client, exécutif, fabrication, R&D, réglementaire, technique spécialisé, recherche, média créatif), plusieurs formats de sortie (XML/Claude/ChatGPT/Gemini), des portes de validation de qualité et des bonnes pratiques contextuelles provenant d'OpenAI/Anthropic/Google. Prend en charge les modes cœur et avancé avec des scénarios de test et des variations de prompts.

Guide pour créer des compétences efficaces. Cette compétence doit être utilisée lorsque les utilisateurs veulent créer une nouvelle compétence (ou mettre à jour une compétence existante) qui étend les capacités de Claude avec des connaissances spécialisées, des flux de travail ou des intégrations d'outils.

Créer et gérer des compétences Claude Code en suivant les bonnes pratiques d'Anthropic. Utiliser lors de la création de nouvelles compétences, de la modification de skill-rules.json, de la compréhension des modèles de déclenchement, du travail avec des hooks, du débogage de l'activation des compétences ou de la mise en œuvre de la divulgation progressive. Couvre la structure des compétences, les en-têtes YAML, les types de déclenchement (mots-clés, modèles d'intention, chemins de fichiers, modèles de contenu), les niveaux d'application (bloquer, suggérer, avertir), les mécanismes de hook (UserPromptSubmit, PreToolUse), le suivi de session et la règle des 500 lignes.

Met automatiquement à jour le titre de la fenêtre du terminal pour refléter la tâche de haut niveau en cours. Utilisez-le au début de chaque session Claude Code lorsque l'utilisateur fournit sa première invite, et chaque fois que l'utilisateur passe à une nouvelle tâche de haut niveau distincte. Aide les développeurs à gérer plusieurs terminaux Claude Code en fournissant une identification claire et rapide de ce sur quoi chaque terminal travaille.

Intelligence de conception UI/UX pour le web, le mobile et le bureau. Cette skill doit être utilisée lors de la conception, du développement, de la révision ou de la correction d'interfaces, y compris les pages, les composants, les systèmes de conception, l'accessibilité, l'interaction, la mise en page responsive, la typographie, la couleur, les graphiques et l'implémentation UI spécifique à une stack. Données locales consultables : 79 styles recherçables (50 actifs), 192 palettes produit et profils de raisonnement, 74 associations de polices, 119 lignes directrices UX, 105 icônes, 17 préréglages GSAP, 25 types de graphiques et 22 stacks.