MCP App StoreMCP App StorePackages SKILL.md qui étendent Claude Code, Cursor, Copilot et autres agents IA.
Étiquettes
ai-toolkit
Directives et modèles pour l'animation d'interface utilisateur, les micro-interactions et le peaufinage des composants afin de créer des interfaces performantes, accessibles et agréables.
everything-openai-codex
Jetons de mouvement de base, préréglages de ressort (spring presets), règles d'accessibilité et modèles d'animation compatibles SSR pour React/Next.js utilisant motion/react.
shadcn-svelte
Guidage pratique pour ajouter, mettre à jour, déboguer et composer des composants UI shadcn-svelte dans des projets Svelte, en utilisant le CLI officiel et la configuration du projet.
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.
symfony-ux-skills
Guides d'utilisation de Stimulus JS avec Symfony UX : câblage des contrôleurs via data-attributes, valeurs, cibles, actions, chargement paresseux, outlets et modèles d'intégration pour
skills
Une collection rigoureuse de meilleures pratiques Next.js couvrant les conventions de fichiers, les frontières RSC, les modèles asynchrones, les métadonnées et l'optimisation des images/polices.
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.
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.
hyperframes
Modèles et contrats pour l'auteur d'animations CSS keyframe que HyperFrames peut rechercher et restituer de manière déterministe lors de l'aperçu et de l'exportation vidéo.
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.
han
Conseils pour créer et organiser des « quarks » — des jetons de design et des valeurs primitives (couleurs, espacements, typographie, ombres) qui forment la base d'un système de design
solanaui
Une bibliothèque d'interface utilisateur React de 30 composants (shadcn/ui + Tailwind) pour les applications Solana DeFi : boîtes de swap, carnets d'ordres, tableaux de positions, cartes NFT et tableaux de bord.
orchestkit
Transformez une URL ou un bundle de transfert Claude Design en une PR GitHub révisable avec des stories Storybook générées, des tests Playwright et une vérification avant/après.
pracht
Audite les composants 'shell' de mise en page Pracht pour détecter les bugs de composition : balises de document dans les shells, enfants manquants, ErrorBoundary mal placé, Loading manquant pour les routes SPA,
skills
Un ensemble de règles pratiques et priorisées pour la performance de React et Next.js : élimination des cascades (waterfalls), réduction de la taille des bundles, optimisations serveur/client et améliorations du rendu.
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.
EloPhanto (React agent)
Directives et règles pour créer des composants React flexibles et maintenables grâce à la composition (éviter la prolifération des props booléennes, utiliser des composants composés, remonter l'état).
react-tips-skill
Une checklist pratique de 10 patterns et anti-patterns React à fort impact pour l'état, les hooks, la performance et la conception de composants — à utiliser lors de l'écriture ou de la revue de code React
powerball-harness
Génère des composants d'interface utilisateur accessibles, des sections de pages de destination, des zones héro et des formulaires de feedback avec des règles basées sur des contraintes et une porte de qualité d'accessibilité.
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...
claude-code-templates
Guide pratique pour choisir et implémenter des solutions de gestion d'état React modernes (Redux Toolkit, Zustand, Jotai, React Query) pour les états locaux, globaux et serveurs.
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
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.
cs-demo-manager
Directives et modèles pour l'ajout et la maintenance des traductions dans l'interface utilisateur de CS Demo Manager via LinguiJS — macros, pluriels, identifiants et flux d'extraction.
claudefiles
Analyse les designs et introduit une palette de couleurs restreinte et accessible avec des rôles sémantiques et des étapes de vérification — consulte le contexte du design avant de proposer des changements.
agent-skills
Guide un agent pour ajouter des fonctionnalités PWA aux applications React + Vite : manifest, stratégies de service worker, support hors ligne, installabilité et notifications push.
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é.
front-end-checklist
Vérifie et impose la présence d'un seul <h1> descriptif par page pour améliorer la clarté topique et le SEO on-page.
json-render
Rendu Vue 3 qui convertit les spécifications d'interface utilisateur JSON en composants Vue avec liaison de données, règles de visibilité et actions — utile pour le rendu programmatique de spécifications d'UI générées par IA.
autoskills
Modèles d'intégration pratiques Vue 3 pour Clerk : composables (useAuth, useUser, useClerk, useOrganization), gardes Vue Router et configuration du store d'authentification Pinia.