148 مهارات
🎨

web-design-guidelines

آمن 69

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

بواسطة 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)
تثبيت
📦

ai-elements

آمن 81

Créer des interfaces de chat IA

بواسطة 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)
تثبيت
🎨

theme-factory

آمن 68

Appliquez un thème professionnel à votre artefact

بواسطة 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)
تثبيت
🎬

slack-gif-creator

آمن 71

Créer des GIFs animés pour Slack

بواسطة anthropics

La création de GIFs animés pour Slack nécessite des dimensions spécifiques, des limites de couleurs et des taux d'image pour s'afficher correctement. Cette compétence fournit des outils pour construire des GIFs conformes aux exigences de Slack avec des fonctions d'atténuation lisses et des effets visuels.

Claude Codex Code(CC)
تثبيت
📦

liquid-glass

آمن 71

Ajouter des effets Verre Liquide aux apps SwiftUI

بواسطة patrickserrano

La création d'interfaces iOS modernes nécessite la mise en œuvre d'effets visuels avancés. Cette compétence fournit des directives et des exemples de code pour utiliser l'API Verre Liquide iOS 26+ afin de créer du flou, des reflets et des surfaces de verre interactives dans SwiftUI.

Claude Codex Code(CC)
تثبيت
🎨

mulerouter

آمن 80

Générer des images et vidéos IA avec MuleRouter

بواسطة openmule

La création de médias professionnels générés par l'IA nécessite des intégrations API complexes et une gestion de modèles. La compétence MuleRouter simplifie cela en fournissant une interface unifiée pour générer des images et des vidéos en utilisant des modèles IA de pointe.

Claude Codex Code(CC)
تثبيت
🖼️

nano-image-generator

آمن 77

Générer des images avec Gemini 3 Pro avec des références de style

بواسطة lxfater

La création d'éléments visuels pour des projets nécessite souvent des outils de conception coûteux ou une illustration manuelle. Cette compétence permet de générer instantanément des images à l'aide de l'API Google Gemini 3 Pro Preview avec la prise en charge des images de référence pour maintenir un style cohérent et une apparence de personnage constante sur plusieurs éléments.

Claude Codex Code(CC)
تثبيت
🎨

generate-image

آمن 73

Générer des images IA avec FLUX et Gemini

بواسطة K-Dense-AI

Créez des images de haute qualité pour des présentations, des documents et des publications à l'aide de modèles d'IA. Générez des œuvres originales ou modifiez des images existantes avec de simples instructions textuelles. Accédez aux modèles FLUX et Gemini via l'API OpenRouter.

Claude Codex Code(CC)
تثبيت
🎨

baoyu-xhs-images

آمن 75

Créer des séries d'infographies Xiaohongshu

بواسطة JimLiu

Transformez du contenu en séries d'infographies engageantes au style Xiaohongshu. Sélectionne automatiquement les styles visuels et mises en page selon l'analyse du contenu. Génère 1 à 10 images de style cartoon optimisées pour la plateforme Xiaohongshu.

Claude Codex Code(CC)
تثبيت
📊

baoyu-slide-deck

آمن 74

Créer des présentations professionnelles à partir de contenu

بواسطة JimLiu

Les utilisateurs ont du mal à transformer du contenu écrit en présentations visuelles. Cette compétence analyse le contenu, génère des plans de diapositives complets avec des spécifications de style, et produit des images de diapositives individuelles à l'aide de la génération d'images par IA.

Claude Codex Code(CC)
تثبيت
🎨

baoyu-image-gen

مخاطر منخفضة 70

Générer des images IA avec OpenAI et Google

بواسطة jimliu

Créez des images générées par IA de haute qualité sans quitter votre environnement de développement. Prend en charge plusieurs fournisseurs, rapports d'aspect et images de référence pour un contrôle visuel précis.

Claude Codex Code(CC)
تثبيت

baoyu-gemini-web

مخاطر منخفضة 71

Générer du texte et des images avec Gemini Web

بواسطة JimLiu

Accédez à Google Gemini Web pour la génération de texte et la création d'images assistées par IA. Utilise l'authentification basée sur le navigateur pour gérer la connexion Google de manière sécurisée. Fournit une base pour d'autres compétences baoyu nécessitant les capacités de Gemini.

Claude Codex Code(CC)
تثبيت
🎨

baoyu-cover-image

آمن 73

Générer des images de couverture d'articles au style dessiné à la main

بواسطة JimLiu

Créer des images de couverture visuellement attrayantes pour les articles nécessite des compétences en design et des outils de génération d'images. Cette compétence analyse votre contenu et génère automatiquement des images de couverture élégantes au style dessiné à la main dans plusieurs styles visuels.

Claude Codex Code(CC)
تثبيت
🎨

baoyu-comic

مخاطر منخفضة 76

Créer des bandes dessinées éducatives

بواسطة JimLiu

Transformez des sujets complexes en bandes dessinées visuelles captivantes. Générez des bandes dessinées éducatives multi-pages avec des designs de personnages, des storyboards et des dispositions de cases dans différents styles artistiques.

Claude Codex Code(CC)
تثبيت
🎨

baoyu-article-illustrator

آمن 70

Générer des illustrations IA pour les articles

بواسطة JimLiu

Les articles avec du texte seul ne parviennent pas à engager les lecteurs. Cette compétence analyse le contenu de votre article et génère automatiquement des illustrations contextuelles à des positions clés. Choisissez parmi 9 styles visuels pour correspondre au ton et au sujet de votre contenu.

Claude Codex Code(CC)
تثبيت
📦

ai-video-generation

مخاطر منخفضة 69

Generate AI Videos

بواسطة inference-sh

Create videos from text, images, or audio using 40+ AI models. Generate social media clips, marketing content, and explainer videos with tools like Veo 3.1, Grok Video, and Wan 2.5.

Claude Codex Code(CC)
تثبيت
🎬

remotion-render

مخاطر منخفضة 71

Générez des vidéos à partir de code React/Remotion

بواسطة inference-sh-7

Transformez le code TSX React et Remotion en vidéos MP4 de manière programmatique. Idéal pour les développeurs qui souhaitent générer des animations, des graphiques animés et des vidéos basées sur des données via du code.

Claude Codex Code(CC)
تثبيت
🎬

remotion-render

آمن 74

Rendre des vidéos à partir de code React/Remotion

بواسطة inference-sh-6

Transformez du code React TSX en vidéos MP4 professionnelles avec Remotion. Génération de vidéos programmatique pour développeurs, créateurs de contenu et workflows d'automatisation.

Claude Codex Code(CC)
تثبيت
📦

remotion

مخاطر منخفضة 75

Créer des vidéos de présentation Remotion à partir des écrans Stitch

بواسطة google-labs-code

Les équipes ont besoin de vidéos de présentation cohérentes et rapides pour les écrans d'application, mais l'édition manuelle est lente. Cette compétence automatise la récupération d'écran et la composition Remotion pour produire des vidéos prêtes à render avec des transitions et des superpositions.

Claude Codex Code(CC)
تثبيت
🎨

frontend-design

آمن 70

Concevoir des Interfaces Frontend de Qualité Production

بواسطة anthropics

Cette compétence crée des interfaces frontend distinctives et prêtes pour la production qui se distinguent des conceptions génériques générées par l'IA. Elle livre des composants web polis avec des esthétiques audacieuses et une attention méticuleuse aux détails.

Claude Codex Code(CC)
تثبيت