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

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.

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.

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.

Paquetez des référentiels de code entiers en fichiers individuels adaptés aux IA à l’aide de Repomix. Les fonctionnalités incluent l’emppaquetage de bases de code avec des modèles d’inclusion/exclusion personnalisables, la génération de plusieurs formats de sortie (XML, Markdown, texte brut), la préservation de la structure et du contexte des fichiers, l’optimisation pour la consommation par l’IA avec comptage de tokens, le filtrage par types de fichiers et répertoires, l’ajout d’en-têtes et de résumés personnalisés. Utilisez-le lors de l’empaquetage de bases de code pour analyse par IA, la création de instantanés de référentiels pour le contexte des LLM, l’analyse de bibliothèques tierces, la préparation pour des audits de sécurité, la génération de contexte pour la documentation ou l’évaluation de bases de code inconnues.

Documentation de la Plateforme Vercel et de l'API

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.