MCP App StoreMCP App StorePackages SKILL.md qui étendent Claude Code, Cursor, Copilot et autres agents IA.
Étiquettes
design-motion-principles
Guide de design d'interaction et de mouvement avec deux modes (Création et Audit) fournissant des recommandations pondérées par le contexte et des règles d'accessibilité prioritaires pour les animations d'interface utilisateur.
agent-browser
Guide d'utilisation essentiel pour agent-browser : automatisation du navigateur via snapshot-and-ref pour naviguer sur des pages, interagir avec des éléments, extraire des données, prendre des captures d'écran et gérer des sessions.
oh-my-daily-skills
Générez des présentations HTML mono-fichier adaptées à la fenêtre, avec des thèmes optimisés, des polices système de secours et une navigation accessible par scroll-snap.
figui3
Guide pour le développement et la maintenance de la bibliothèque de composants web FigUI3 (fig-*) avec les meilleures pratiques d'accessibilité, d'intégration React/Vite, de thémisation et d'overlay.
skills
Assistant interactif de revue de conception qui évalue les plans d'implémentation selon des dimensions UX clés, identifie les lacunes (états, accessibilité, réactivité) et édite les documents.
agent-skills
Définissez, gérez et appliquez des design tokens (couleur, espacement, typographie, ombres) et construisez un système de design basé sur les tokens avec support du mode sombre et de l'accessibilité.
pagible
Guide du système de design pour un thème inspiré de l'impression et texturé comme du papier : tokens, composants, règles d'accessibilité et QA pour une implémentation frontend cohérente.
claude-skills
Génère des présentations et des carrousels de haute qualité, axés sur la marque (PDF → PPTX) en utilisant une « philosophie de canevas » pour imposer des contraintes visuelles, l'accessibilité et l'esthétique.
thebushidocollective
Conseils et meilleures pratiques pour créer des interfaces accessibles avec gluestack-ui (WCAG 2.1 AA, ARIA, lecteurs d'écran, navigation au clavier).
Impeccable (design language)
Introduire une couleur intentionnelle dans des interfaces monochromatiques ou ternes pour améliorer la hiérarchie, la signification et la chaleur émotionnelle tout en préservant l'accessibilité.
openclaw-master-skills
Concevez et optimisez vos popups, modales, bannières et slide-ins pour augmenter les conversions sans nuire à l'expérience utilisateur ou au SEO.
Get Shit Pretty (GSP)
Générez des systèmes de couleurs prêts pour la production : palettes OKLCH, vérifications de contraste WCAG, rôles sémantiques et mappages pour le mode sombre.
claude-mpm-skills
Guide pour créer des thèmes de blocs et des blocs Gutenberg personnalisés via theme.json, des modèles HTML et des blocs rendus côté serveur pour WordPress 6.7+.
code-virtuoso
Implémente des composants UI et l'architecture frontend : mises en page responsives, accessibilité, gestion d'état, intégration d'API et tests frontend.
awesome-ai-agent-skills
Concevoir et implémenter des interfaces frontend prêtes pour la production : systèmes de design, mises en page responsives, composants accessibles et code compatible mode sombre sur divers frameworks
accelerator
Une lentille de revue qui vérifie les conventions du projet, les normes API et l'accessibilité pour assurer la cohérence entre les codebases.
idstack
Évaluation des besoins basée sur des preuves et structurée en trois niveaux pour le design pédagogique : analyses organisationnelle, des tâches et des apprenants pour créer un manifeste de projet partagé.
marketplace
Ajoutez une couleur stratégique et accessible aux interfaces monochromatiques pour améliorer la hiérarchie, la signification et l'engagement visuel sans sacrifier l'accessibilité.
accelerator
Patterns et petits hooks (useDismiss, useFocusReturn, useInert) pour construire des dialogues, des popovers et des overlays accessibles qui se ferment correctement et restaurent le focus
accessibility-agents
Audite le contenu, les formulaires et les flux d'authentification pour l'accessibilité cognitive (WCAG 2.2 / COGA) et fournit des corrections prioritaires et des conseils en langage clair.
pagible
Système de design axé sur l'accessibilité pour le thème 'Clean' : visuels minimalistes, jetons définis, règles de composants et checklist QA pour assurer la cohérence.
webcomponents
Guide pour rendre les composants Web UI5 accessibles : mappages ARIA, étiquetage, support clavier, messagerie invisible et thèmes à contraste élevé.
design-skills
Contraintes de conception et jetons d'opinion pour construire des interfaces en mode clair inspirées de Shortcut (police Inter, grille de 4px) afin de garder les UI cohérentes et accessibles.
claude-code-harness
Génère des composants d'interface utilisateur accessibles, des sections hero, des formulaires et des surfaces de feedback — avec des contraintes d'opinion et des vérifications d'accessibilité pour la génération de contenu frontend.
skillshub
Introduisez des couleurs intentionnelles dans des interfaces monochromatiques pour améliorer la hiérarchie, la signification et l'engagement visuel tout en préservant l'accessibilité.
L&G Canopy
Conseils pour l'utilisation du LgHeadingComponent de @legal-and-general/canopy lorsque les titres doivent être rendus à un niveau sémantique dynamique.
awesome-design-skills
Guide de design-system pour les interfaces utilisateur fantasy inspirées de jeux : tokens, composants, accessibilité et QA pour des visuels audacieux et immersifs.
Build With Claude
Concevez et construisez des interfaces d'applications macOS au feeling natif : mises en page, chrome traffic-light, thèmes clair/sombre, raccourcis clavier, glisser-déposer et micro-interactions.
openfang-cn
Fournit des conseils de niveau senior sur React : hooks, gestion d'état, Server Components, optimisation des performances et motifs courants pour construire des applications rapides et accessibles
openfang
Fournit des conseils faisant autorité sur React concernant les hooks, les modèles d'état, les Server Components, l'optimisation des performances et les modèles architecturaux courants.