MCP App StoreMCP App StorePackages SKILL.md qui étendent Claude Code, Cursor, Copilot et autres agents IA.
Étiquettes
web-design
SKILL de conception visuelle web. À partir d'un PRD, d'URL de référence, de captures d'écran ou de mots-clés, il produit une norme de design DESIGN.md, puis génère le code web complet (UI/UX, visuels, animations, responsive). Spécialisé Landing Pages, Portfolios, SaaS...
superpowers-sage
Route les liens de design (Paper, Figma, Stitch, assets locaux) vers l'extracteur approprié, extrait la mise en page et les assets par section, et sauvegarde des notes de design structurées.
userinterface-wiki
Guide complet des meilleures pratiques UI/UX avec plus de 150 règles pour l'animation, la typographie, l'accessibilité, l'audio et les modèles de front-end axés sur la performance.
rico-skills
Kit d'outils de design qui analyse les projets, suggère des corrections de couleurs, typographie et espacement, et génère ou applique 20 thèmes UI intégrés ou des thèmes personnalisés
beko2210
Directives et meilleures pratiques pour créer des animations web haute fidélité avec Anime.js, incluant les timelines, le décalage (staggering), l'easing et des notes de performance.
skills
Effectue une passe finale méticuleuse de qualité sur les fonctionnalités frontend pour corriger l'alignement, l'espacement et les lacunes d'interaction.
L&G Canopy
Guide d'implémentation pour l'ajout de contrôles de boutons de filtre dans des projets Angular utilisant le système de conception Canopy.
claude-skills
Boîte à outils complète pour générer des jetons de design, des palettes de couleurs, des échelles typographiques et gérer la transmission aux développeurs pour des systèmes d'UI cohérents.
linuxdevel
Système de design et de finition avancé pour les applications .NET Avalonia professionnelles.
rflectr
Directives d'expert et ressources pour générer des interfaces et des prototypes de marque pour la passerelle smart-router locale rflectr.
limeime
Directives de conception et composants UI pour LIME 萊姆輸入法, facilitant la création d'interfaces de marque et de prototypes pour Android et iOS.
ai-enablement-prompts
Analyse les designs Figma pour proposer une architecture de composants React, des API de props et la gestion des variantes sans générer de code.
intopia
Créez des interfaces utilisateur web accessibles respectant les normes WCAG 2.2 Niveau AA.
vebidor
Génère des interfaces de marque, des assets marketing et des visuels de documentation pour la bibliothèque Vebidor WebDriver.
skills
Mise en œuvre experte d'animations React via Motion, couvrant les gestes, les effets de défilement, les transitions de mise en page et l'optimisation des performances.
claude-mpm-skills
Guide d'implémentation et primitives pour construire des composants d'interface utilisateur accessibles et non stylisés avec Headless UI.
prototype-to-figma-skill
Convertissez des prototypes de code fonctionnels en fichiers de conception Figma structurés et annotés avec une parité visuelle parfaite.
decisionsai
Orchestre la planification technique et la revue en orientant le travail vers la surface visuelle la plus appropriée, notamment Mermaid, visual-plan et Open Design.
Agentic Dev Team
Analyse les composants frontend pour détecter la duplication, le prop-drilling et les incohérences architecturales.
agent-skills
Implémentation experte de Motion (anciennement Framer Motion) pour React, couvrant les gestes, les effets de défilement et les transitions de mise en page.
activer007
Guide la création d'interfaces frontend de qualité production et visuellement saisissantes, évitant l'esthétique générique de l'IA au profit d'un design audacieux et intentionnel.
motionly
Principes de design professionnels pour créer des compositions de motion design claires, axés sur la hiérarchie visuelle, les modèles de mise en page et la théorie des couleurs.
awesome-omni-skill
Générez des interfaces et des composants frontend de qualité production, visuellement distinctifs, avec une direction esthétique forte et une accessibilité optimisée.
retail-agentic-commerce
Normes de développement frontend pour le Retail-Agentic-Commerce utilisant Next.js 15+, React 19 et Tailwind CSS.
google-play-screenshot-skill
Créez des captures d'écran Google Play à fort taux de conversion grâce à un workflow ASO guidé et des améliorations visuelles propulsées par l'IA.
My CC Harness
Analyse les projets Stitch pour créer un fichier DESIGN.md sémantique, garantissant une génération d'interface utilisateur et une identité visuelle cohérentes.
Dev Agent OPC
Développement d'UI de qualité production axé sur les contrats de design, l'accessibilité et une QA visuelle rigoureuse.
igniteui-webcomponents
Stylisation et thématisation professionnelles pour les composants web Ignite UI utilisant les propriétés CSS personnalisées, Sass et un serveur MCP de thématisation dédié.
Get Shit Pretty (GSP)
Créez des systèmes typographiques prêts pour la production, incluant des échelles fluides, des associations de polices et un rythme vertical avec sortie CSS.
antigravity-fullstack-hq
Garantissez des interfaces web de haute qualité, accessibles et responsives en suivant les normes WCAG 2.1 AA et les modèles de conception modernes.