🎨 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.

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.

Créer des visualisations de données interactives à l'aide de d3.js. Cette compétence doit être utilisée lors de la création de graphiques personnalisés, de diagrammes, de diagrammes de réseau, de visualisations géographiques ou de toute visualisation de données complexe basée sur SVG qui nécessite un contrôle précis des éléments visuels, des transitions ou des interactions. Utilisez-la pour des visualisations sur mesure au-delà des bibliothèques de graphiques standard, que ce soit dans React, Vue, Svelte, vanilla JavaScript ou tout autre environnement.

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.

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.

Expert complet de l'API Stripe avec accès à 3 253 fichiers de documentation officielles couvrant tous les traitements de paiements, la facturation, les abonnements, les webhooks, Connect, Terminal, Radar, Identity, Tax, Climate et les intégrations. Invoquer lorsque l'utilisateur mentionne Stripe, paiements, abonnements, facturation, traitement de paiements, checkout, factures ou toute fonctionnalité liée aux paiements.

Générer des ressources web incluant des favicons, des icônes d'application (PWA) et des images méta pour les réseaux sociaux (Open Graph) pour Facebook, Twitter, WhatsApp et LinkedIn. Utiliser lorsque les utilisateurs ont besoin d'icônes, de favicons, d'images de partage sur les réseaux sociaux ou d'images Open Graph à partir de logos ou de slogans textuels. Gère le redimensionnement d'images, la génération d'images à partir de texte et fournit les balises méta HTML appropriées.