antfu

Vérifiez votre interface web par rapport aux directives officielles de Vercel en matière d'accessibilité et de design. Obtenez des commentaires immédiats sur le HTML sémantique, les états de focus, les formulaires, les animations, la typographie, les images, et plus encore.

Les développeurs construisent souvent des interfaces sans respecter les meilleures pratiques établies, ce qui conduit à des problèmes d'accessibilité et à une mauvaise expérience utilisateur. Cette compétence récupère les dernières lignes directrices d'interface web depuis Vercel et examine automatiquement le code par rapport à elles, en fournissant des commentaires applicables dans un format fichier:ligne standard.

Créer des fonctionnalités Vue.js à partir de zéro conduit à du code complexe et difficile à maintenir. Cette compétence mappe les exigences aux composables VueUse, appliquant les bons modèles pour garder les implémentations concises, performantes et maintenables.

Les projets Vue 3 sont souvent confrontés à des problèmes de vérification de type, des temps de sauvegarde lents et des problèmes de configuration. Cette compétence fournit des solutions sélectionnées pour le typage des composants Vue, la configuration de Volar et les problèmes courants de développement Vue 3.

La construction d'applications Vue.js nécessite de comprendre la gestion d'état réactive, la composition de composants et les modèles JavaScript modernes. Cette compétence fournit des conseils d'experts sur l'API de Composition, le design de composants et les fondements de la réactivité.

L'écriture et la maintenance des tests prennent du temps. Vitest fournit un framework de test ultra-rapide alimenté par Vite avec des API compatibles Jest, permettant aux développeurs d'écrire des tests unitaires avec le support natif ESM, TypeScript et JSX dès le départ.

Une compétence AI pour Claude, Codex et Claude Code

Les équipes ont besoin de conseils précis pour la configuration Vite et les flux de travail de build. Cette compétence résume les modèles officiels et exemples, afin que les agents puissent proposer des paramètres et des commandes corrects.

UnoCSS est un moteur CSS atomique instantané qui fournit une alternative flexible et extensible à Tailwind CSS. Cette compétence aide les développeurs à configurer UnoCSS, à créer des règles utilitaires personnalisées et à utiliser les présélections comme Wind, Icons et Attributify.

Gérer plusieurs packages dans un monorepo peut entraîner des builds lents et une orchestration de tâches complexe. Turborepo fournit un cache intelligent et une exécution parallèle pour accélérer les builds. Cette compétence fournit des conseils d'expert sur la configuration des pipelines de tâches, les stratégies de cache, les variables d'environnement et les meilleures pratiques des monorepos.

Un skill IA pour Claude, Codex et Claude Code

La création de bibliothèques TypeScript nécessite une configuration complexe de bundler. Cette compétence fournit une documentation complète pour tsdown, un bundler extrêmement rapide alimenté par Rolldown, couvrant la configuration, les plugins et la migration depuis tsup.

Gérer manuellement les dépendances Node.js est chronophage et source d'erreurs. La compétence pnpm offre à Claude une connaissance complète des commandes pnpm, de la configuration des espaces de travail, des catalogues, des correctifs et des meilleures pratiques pour les workflows de monorepo.

La construction d'applications Vue nécessite une gestion prévisible de l'état entre les composants. Pinia offre une API intuitive et entièrement typée pour définir des stores avec un état, des getters et des actions. Cette compétence fournit des références complètes pour construire des modèles de gestion d'état Vue évolutifs.

Le développement d'applications Vue full-stack nécessite une compréhension du rendu côté serveur, du routage basé sur les fichiers et de l'écosystème des modules Nuxt. Cette compétence fournit une documentation complète pour créer des applications Nuxt prêtes pour la production avec le moteur de serveur Nitro.

Les projets manquent souvent d'outils et de configurations cohérents entre les membres de l'équipe. Cette compétence fournit des bonnes pratiques affirmées d'Anthony Fu, incluant des configurations TypeScript, ESLint, Vitest et CI/CD qui garantissent une qualité de code cohérente et une expérience développeur pour tout projet web.