Générez des composants UI cohérents et accessibles qui suivent les directives du système de design. Garantit la distinction visuelle, l'alignement de la marque et la conformité en matière d'accessibilité pour chaque composant.

La création de styles cohérents et réactifs pour les applications React nécessite de comprendre plusieurs approches CSS. Cette compétence fournit des modèles prêts à l'emploi pour Tailwind CSS, les modules CSS et les variantes de composants qui améliorent la vitesse de développement.

Arrêtez de coder manuellement des composants UI depuis zéro. Cette compétence génère des composants UI accessibles et réactifs ainsi que des formulaires de feedback en utilisant shadcn/ui et les meilleures pratiques modernes.

La création de contenu 3D pour le web nécessite une compréhension de WebGL, des shaders et de la programmation graphique 3D. Cette compétence génère des applications Three.js complètes avec configuration de scène, éclairage, matériaux, animations et rendu réactif utilisant des modules ES modernes.

Créez des composants web et des pages distinctifs avec une esthétique soignée. Évitez les visuels génériques générés par IA et créez des interfaces utilisateur mémorables et de haute qualité.

Les développeurs de jeux construisant des interfaces de combat ont besoin de composants UI cohérents et bien architecturés. Cette compétence fournit un guide d'implémentation complet incluant les interfaces TypeScript, les dispositions CSS Grid, les spécifications d'animation et les jetons de style réactifs pour le système d'interface de combat Pattern A.

Définir un style visuel cohérent est essentiel pour la cohésion d'un projet, mais de nombreux créateurs ont du mal à articuler leur vision esthétique. Cette compétence fournit un cadre structuré en 10 étapes pour créer des guides de style artistique détaillés couvrant la théorie des couleurs, le traitement des lignes, les formes, la composition, l'éclairage et les spécifications techniques.

Créer des images à partir de rien prend du temps et des compétences. Cette compétence vous permet de générer des images en utilisant des instructions en langage naturel avec Gemini AI. Décrivez simplement ce que vous voulez et obtenir des résultats professionnels en quelques secondes.

Vous avez besoin d'art visuel original qui communique à travers la forme et l'espace. Cette compétence construit une philosophie visuelle et produit des œuvres d'art PNG ou PDF soignées.

La création de GIF pour Slack nécessite une optimisation rigoureuse pour respecter les limites strictes de taille de fichier. Cette boîte à outils fournit des validateurs, des primitives d'animation et des outils d'optimisation pour créer des GIF de messages et des réactions emoji qui se chargent correctement.

La création d'art génératif nécessite une vision artistique et des compétences techniques. Cette compétence vous aide à créer de l'art génératif unique et reproductible utilisant p5.js avec des contrôles de paramètres pour l'exploration. Vous pouvez créer des champs de flux, des motifs récursifs, des systèmes de particules, et plus encore.

Transformez vos idées en œuvresvisuelles spectaculaires utilisant des philosophies de conception sophistiquées. Cette compétence guide l'IA pour créer des affiches et des œuvres de qualité professionnelle qui semblent méticuleusement conçues par des designers maîtres.

Vous devez appliquer des couleurs et une typographie de marque cohérentes aux documents ou présentations. Cette compétence fournit les directives officielles de la marque Anthropic, notamment les couleurs, les polices et les règles de style pour garantir une sortie visuelle conforme à la marque.

La création d'art algorithmique nécessite des connaissances spécialisées en systèmes génératifs, aléatoire ensemencé et p5.js. Cette compétence fournit une approche structurée pour créer des œuvres génératives originales à travers la philosophie algorithmique et l'exploration interactive de paramètres.

Tailwind CSS V4 introduit des changements révolutionnaires avec son moteur Oxide et sa configuration CSS-first. Cette compétence fournit une expertise pour naviguer la migration, optimiser les performances et créer des systèmes de conception modernes.

Les interfaces génériques ne parviennent pas à capter l'attention des utilisateurs et diluent l'identité de marque. Cette compétence guide les assistants IA pour créer des designs frontend audacieux et mémorables avec une esthétique unique, une hiérarchie visuelle forte et une qualité de code prête pour la production.

Vos actifs pourraient ne pas respecter les normes de marque Anthropic. Cette compétence fournit des couleurs officielles et des conseils de typographie pour un style cohérent dans tous vos supports.

La création de thèmes de bureau cohérents entre plusieurs applications est complexe et chronophage. Le thème Omarchy fournit une configuration colors.toml centralisée qui génère automatiquement des thèmes pour toutes les applications de bureau, y compris les terminaux, les gestionnaires de fenêtres et les outils système.

Les produits d’agents IA ont souvent de longs temps d’attente qui provoquent anxiété et abandon. Cette compétence audite la manière dont les applications gèrent les opérations longues via l’automatisation du navigateur et génère des rapports complets avec des recommandations priorisées.

La création de composants React accessibles nécessite de comprendre les modèles ShadCN et les primitives Radix UI. Cette compétence fournit les meilleures pratiques pour implémenter des modales, des formulaires et d'autres composants accessibles en utilisant TailwindCSS et les standards de novembre 2025.