269 compétences
🎨

frontend-design

Sûr 67

Créer des interfaces frontend distinctives

par 1bertogit

Cette compétence vous aide à créer des interfaces web de qualité production avec des esthétiques audacieuses et mémorables. Elle guide les choix créatifs pour la typographie, les couleurs, les animations et la composition spatiale pour éviter les conceptions génériques générées par l'IA.

Claude Codex Code(CC)
Installer
🎨

create-svg-from-prompt

Risque faible 66

Générer des graphiques SVG à partir d'invites

par 0x6a77

La création manuelle de graphiques vectoriels SVG nécessite un logiciel de conception et des compétences techniques. Cette compétence utilise l'IA pour convertir des descriptions textuelles en graphiques vectoriels évolutifs via Google Gemini et autotrace.

Claude Codex Code(CC)
Installer
🎨

tailwind-design-system

Sûr 69

Créer des systèmes de design Tailwind

par wshobson

Les systèmes de design dérivent souvent sans jetons et modèles clairs. Cette compétence fournit des structures Tailwind pour standardiser les composants, les thèmes et les mises en page responsives dans votre base de code.

Claude Codex Code(CC)
Installer
🖼️

background-remover

Sûr 72

Supprimez les arrière-plans d'images avec l'IA

par verging-ai

Supprimez automatiquement les arrière-plans de toute image pour créer des PNG transparents professionnels. Parfait pour les photos de produits, portraits et travaux de design sans retouche manuelle.

Claude Codex Code(CC)
Installer
🎨

web-design-guidelines

Sûr 68

Revoir le code UI pour la conformité aux principes de conception

par vercel-labs

Claude peut automatiquement revoir le code UI par rapport aux principes de conception Web établis, détectant les problèmes d'accessibilité, les problèmes d'utilisabilité et les violations des bonnes pratiques avant le déploiement. Cette compétence récupère les dernières directives et effectue une analyse statique pour identifier les améliorations.

Claude Codex Code(CC)
Installer
📦

ai-elements

Sûr 78

Créer des interfaces de chat IA

par vercel

Créez des composants d'interface de chat IA modernes en utilisant des éléments UI prédéfinis et composites qui suivent les modèles shadcn/ui et les conventions du SDK Vercel AI.

Claude Codex Code(CC)
Installer
🎬

remotion-render

Sûr 71

Générer des vidéos à partir du code React/Remotion

par tul-sh

Transformez les composants TSX React/Remotion en vidéos MP4 par programme. Fournissez du code, obtenez une sortie vidéo avec un contrôle total sur la résolution, le FPS, la durée et les animations.

Claude Codex Code(CC)
Installer
🍌

nano-banana

Sûr 71

Générer des images IA avec les modèles Google Gemini

par tul-sh

Générez des images de haute qualité en utilisant les modèles Google Gemini 3 Pro et Gemini 2.5 Flash via l'interface CLI inference.sh. Prend en charge la génération de texte à image, l'édition d'images avec plusieurs entrées, des rapports d'aspect personnalisés et une sortie jusqu'à 4K.

Claude Codex Code(CC)
Installer
🎬

ai-video-generation

Sûr 67

Générez des vidéos IA avec Google Veo et 40+ modèles

par tul-sh

Créez des vidéos IA professionnelles à partir de invites textuelles ou d'images en utilisant Google Veo, Seedance, Wan et d'autres modèles de pointe via une interface CLI simple.

Claude Codex Code(CC)
Installer
📦

ai-image-generation

Sûr 70

Générer des images IA avec FLUX, Gemini et plus de 50 modèles

par tul-sh

Créez des images IA professionnelles avec FLUX, Gemini, Grok et plus de 50 modèles directement depuis Claude ou Codex via l'CLI inference.sh.

Claude Codex Code(CC)
Installer
📦

nano-banana-2

Sûr 70

Générer des images avec Gemini Flash

par toolshell

Créez des images époustouflantes en utilisant le modèle d'image Google Gemini 3.1 Flash via l'interface CLI inference.sh. Générez du texte vers image, éditez des photos et produisez plusieurs variations avec un ancrage Google Search pour un contexte en temps réel.

Claude Codex Code(CC)
Installer
📦

nano-banana

Sûr 70

Générer des images avec les modèles Google Gemini

par toolshell

Générez des images en utilisant Google Gemini 3 Pro et Gemini 2.5 Flash via Claude Code. Cette compétence offre un accès direct aux modèles natifs de génération d'images de Google avec support pour la génération texte-vers-image, l'édition d'images et les workflows avec entrées multiples.

Claude Codex Code(CC)
Installer
🎬

ai-video-generation

Sûr 67

Générez des Vidéos IA avec Google Veo et Plus

par toolshell

Créer des vidéos manuellement est chronophage et coûteux. Cette compétence donne accès à 40+ modèles de génération vidéo IA via une interface CLI simple, permettant une création rapide de vidéos pour les réseaux sociaux, le marketing et la création de contenu.

Claude Codex Code(CC)
Installer
🎨

ai-image-generation

Sûr 68

Générez des images IA avec plus de 50 modèles

par toolshell

Créez des images IA époustouflantes en utilisant FLUX, Gemini, Grok et bien d'autres modèles via une interface CLI simple. Parfait pour les designers, marketers et développeurs ayant besoin d'une génération d'images rapide.

Claude Codex Code(CC)
Installer
📦

ai-image-generation

Sûr 74

Générer des images IA avec plus de 50 modèles

par tool-belt

Créez des images professionnelles, des maquettes de produits et des visuels marketing en utilisant des modèles IA de pointe sans avoir besoin d'abonnements coûteux. Accédez à FLUX, Gemini, Grok, Seedream et plus de 50 autres modèles via une unique interface en ligne de commande.

Claude Codex Code(CC)
Installer
🎨

theme-factory

Sûr 69

Appliquez un thème professionnel à votre artefact

par anthropics

Vous avez besoin d'un style visuel cohérent pour vos documents et présentations. Cette compétence propose 10 thèmes sélectionnés et peut générer des thèmes personnalisés selon vos besoins. Appliquez des couleurs et des polices assorties à vos diapositives, documents et rapports.

Claude Codex Code(CC)
Installer
🎨

web-design-guidelines

Sûr 73

Revue du code UI pour la conformité aux standards Web

par supercent-io

Assurez-vous que votre code UI suit les meilleures pratiques de l'industrie et les normes d'accessibilité. Cette skill vérifie automatiquement vos composants selon les directives d'interface web de Vercel et signale les violations avec les numéros de ligne spécifiques et les suggestions de correction.

Claude Codex Code(CC)
Installer
📦

web-accessibility

Sûr 70

Créer des interfaces web accessibles

par supercent-io

Les applications web excluent souvent les utilisateurs en situation de handicap en raison d'une mauvaise implémentation de l'accessibilité. Cette compétence fournit des recommandations WCAG 2.1 pour créer des interfaces inclusives, compatibles avec les lecteurs d'écran et navigables au clavier.

Claude Codex Code(CC)
Installer
📱

responsive-design

Sûr 71

Créer des mises en page web responsives

par supercent-io

Créez des sites web qui s'adaptent magnifiquement à cualquier taille d'écran en utilisant les principes de conception mobile-first, CSS Grid, Flexbox et les techniques responsives modernes.

Claude Codex Code(CC)
Installer
📦

pollinations-ai

Risque faible 66

Générer des images IA gratuites via l'API Pollinations

par supercent-io

Vous avez besoin d'images mais souhaitez éviter les API payantes ? Cette compétence génère des images via l'API gratuite et ouverte de Pollinations.ai sans inscription requise.

Claude Codex Code(CC)
Installer