Créez des GIFs animés respectant les limites de taille de Slack. Construisez des animations avec des primitives composables comme shake, bounce, spin, pulse, fade, zoom et explode. Valide la taille de fichier et les dimensions pour les GIFs emoji et message.

Les images perdent souvent en qualité lors de la compression ou de l'édition. Cette compétence améliore la résolution, la netteté et la clarté tout en préservant les originaux. Parfait pour créer des visuels professionnels à partir de n'importe quelle image.

La création d'actifs visuels nécessite des outils spécialisés et des compétences en design. Cette compétence permet la génération et l'édition d'images alimentées par l'IA via OpenRouter, prenant en charge les modèles FLUX et Gemini pour créer des photos, illustrations, œuvres d'art et concepts visuels.

Le code frontend généré par l'IA est souvent générique et manque de vision créative et d'esthétique mémorable. Cette compétence guide Claude pour créer des interfaces visuellement frappantes de qualité production, avec des choix de design audacieux, une typographie unique et une direction esthétique cohérente.

Les utilisateurs ont du mal à créer des designs visuels sophistiqués de qualité muséale. Cette compétence fournit une approche structurée de la philosophie du design qui guide la création de pièces visuelles artistiques originales au format PNG ou PDF.

Créez des documents et présentations professionnels avec l'identité de marque Anthropic. Cette compétence fournit les couleurs officielles et les directives typographiques pour garantir un style visuel cohérent dans tous vos artefacts.

Les problèmes d'accessibilité web peuvent exclure les utilisateurs en situation de handicap de votre site web. Cette compétence fournit des conseils complets pour mettre en œuvre les normes WCAG 2.1, les attributs ARIA et la navigation au clavier afin de créer des expériences inclusives pour tous les utilisateurs.

L'extraction manuelle des jetons de conception des captures d'écran et des maquettes est fastidieuse et sujette aux erreurs. Cette compétence utilise un processus IA en 7 passes pour extraire systématiquement les couleurs, la typographie, l'espacement, les composants et les détails d'accessibilité au format JSON W3C DTCG standardisé, prêt pour la génération de code.

Les polices génériques donnent aux conceptions un aspect amateur. Cette compétence fournit des directives typographiques expertes pour créer des mises en page de texte visuellement attrayantes et professionnelles à l'aide de recommandations de polices sélectionnées.

Les assistants IA génèrent souvent des interfaces génériques et visuellement ennuyeuses que les utilisateurs qualifient de 'médiocrité IA'. Cette compétence fournit des conseils de conception pour la typographie, les palettes de couleurs, le mouvement et les arrière-plans afin de créer des interfaces distinctives et soignées qui se démarquent.

Figma MCP génère du code avec des variables propriétaires comme var(--spacing-4) qui créent des problèmes de maintenance. Cette compétence fournit des règles de conversion claires pour transformer ces variables en classes Tailwind CSS standard pour un code frontend plus propre et plus maintenable.

Les animations web échouent souvent aux tests d'accessibilité et nuisent aux performances. Cette skill fournit des patterns GSAP prêts pour la production qui respectent les préférences utilisateur et maintiennent 60fps.

Planifiez les hiérarchies de pages et la navigation que les utilisateurs peuvent comprendre et que les moteurs de recherche peuvent explorer. Cette compétence aide à organiser l'architecture du site pour une meilleure découvrabilité et performance SEO.

Créez des présentations visuellement cohérentes avec des palettes de couleurs et des associations de polices professionnellement sélectionnées. Gagnez du temps en appliquant des thèmes prêts à l'emploi plutôt que de concevoir à partir de zéro.

Créer des GIF animés pour Slack est difficile en raison des limites de taille strictes et des exigences de format. Cette compétence fournit des validateurs pour vérifier les contraintes Slack, des primitives d'animation composables et des utilitaires pour créer des GIF animés et des emojis professionnels qui respectent les spécifications de la plateforme.

Les utilisateurs ont du mal à communiquer des concepts de conception visuelle complexes aux assistants IA. Cette compétence fournit un cadre structuré de philosophie de conception qui transforme les idées abstraites en œuvres d'art visuel sophistiquées aux formats PNG ou PDF.

Ajoutez des animations soignées aux pages de destination et aux démos sans compromettre les performances ou l'accessibilité. La Compétence Visual Engine gère automatiquement le timing, l'assouplissement et les modèles de mouvement sécurisés.

Les équipes marketing ont du mal à traduire des idées en plans prêts pour la vidéo. Cette compétence fournit des cadres structurés pour les accroches, les scripts, les listes de plans et des directives spécifiques aux plateformes pour YouTube, TikTok, Instagram et LinkedIn.

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.