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.

De nombreuses interfaces générées par IA semblent génériques et manquent de caractère créatif. Cette compétence guide Claude Code pour créer des interfaces web de qualité professionnelle avec une qualité esthétique exceptionnelle, une identité visuelle distinctive et des décisions de conception réfléchies qui évitent les modèles d'IA courants.

Maintenir une identité de marque cohérente à travers les documents est chronophage et sujet aux erreurs. Cette compétence fournit un accès instantané aux standards de marque d'entreprise incluant les palettes de couleurs, la typographie, les règles de formatage et les outils de validation pour garantir que tous les documents respectent les directives de marque professionnelles.

La création manuelle de définitions Grasshopper est chronométrée et répétitive. Cette compétence permet aux assistants IA de créer programmatiquement des composants, établir des connexions et exécuter des workflows de modélisation paramétrique complets via le protocole MCP, transformant les spécifications de conception en définitions Grasshopper fonctionnelles automatiquement.

Transformez les données brutes d'entretiens utilisateurs en personas exploitables. Créez des profils utilisateurs fondés sur des données avec des objectifs, frustrations, comportements et implications de conception en quelques minutes plutôt qu'en heures.

Créer manuellement des tokens de design cohérents prend du temps et est sujet aux erreurs. Cet outil génère des systèmes de design complets, incluant palettes de couleurs, échelles typographiques, grilles d’espacement et styles de composants, à partir d’une seule couleur de marque.

Transformez des idées créatives en magnifiques œuvres d’art génératif grâce au code. Cette compétence crée des œuvres algorithmiques originales avec un aléatoire à graine pour des résultats reproductibles et des contrôles de paramètres interactifs pour une exploration sans fin.

Les résultats IA génériques produisent des designs web fades et dérivés qui manquent de caractère. Cette compétence guide Claude pour s'engager dans des directions esthétiques audacieuses et fournir du code frontend mémorable et prêt pour la production avec des choix créatifs intentionnels.

Créez des interfaces web distinctives qui se démarquent des esthétiques génériques générées par l'IA. Concevez des composants mémorables et visuellement frappants avec une attention particulière à la typographie, au mouvement et à la composition spatiale.

Les projets de conception UI/UX manquent souvent de normes cohérentes et de processus clairs, ce qui entraîne des expériences utilisateur fragmentées et des lacunes en matière d'accessibilité. Cette compétence fournit des procédures opérationnelles complètes et des listes de contrôle pour rationaliser les flux de travail de conception, garantir la cohérence et maintenir la conformité à l'accessibilité dans tous les projets.

La création d'interfaces web de qualité production donne souvent lieu à des designs génériques et oubliables. Cette compétence permet de créer des designs frontend mémorables et créatifs avec une esthétique audacieuse, une typographie réfléchie et des détails raffinés qui se démarquent des schémas génériques.

Créez des cartes de conteur et de récits accessibles avec une cartographie des données appropriée, des indicateurs culturels et un enrichissement par IA. Cette compétence fournit des modèles de design system et des directives de composants pour les plateformes de narration autochtone.

Les équipes ont besoin de règles de conception claires pour créer des interfaces cohérentes. Cette compétence fournit un système de design complet avec typographie, couleurs, composants et animations pour des applications modernes en thème sombre.

La création manuelle de composants d'interface prend beaucoup de temps. Cette compétence exploite Shadcn MCP et 21st.dev MCP pour générer rapidement des boutons, des dialogues et des sections de pages de destination complexes.

La gestion manuelle des thèmes d'application nécessite de trouver les URLs des thèmes et d'exécuter des commandes CLI. Cette skill fournit une liste curatée de thèmes préconfigurés et de commandes d'installation, rendant l'installation des thèmes rapide et sans erreur.

Créer des pages marketing à partir de zéro prend trop de temps. Cette compétence fournit des recommandations sélectionnées pour des composants Tailark pré-construits organisés par type de page, vous aidant à assembler des pages de destination professionnelles en quelques minutes.

Créer des logos exige des compétences en design et des logiciels coûteux. Cette compétence utilise l’IA pour générer des logos personnalisés à partir d’invites textuelles et supprimer automatiquement les arrière-plans pour des résultats transparents et professionnels.

Créer des éléments visuels pour des sites web prend du temps et des compétences en design. Cette skill utilise FLUX 1.1 Pro AI pour générer des sections hero, des images de fonctionnalité et des graphismes d’UI avec amélioration automatique. Les images sont optimisées en WebP et enregistrées directement dans votre projet.

Arrêtez de chercher des photos libres de droits. Créez des visuels uniques et cohérents avec votre marque instantanément grâce à la génération d'images par IA. Cette compétence intègre DALL-E 3 pour produire des ressources de haute qualité adaptées à vos spécifications exactes.

Les revues UI dégénèrent souvent en batailles d'opinions subjectives. Cette compétence fournit un cadre systématique à 3 dimensions pour ancrer les retours sur le design dans des principes fondés sur des preuves des autorités de l'industrie.