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.
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.
marcskovmadsen
Modèles et schémas pour construire des composants Panel personnalisés (JSComponent, ReactComponent, AnyWidget, MaterialUI). Inclut des guides de décision, une checklist POC et P
airtable-interface-extension-toolkit
Une référence SDK concise et un guide des meilleures pratiques pour créer des extensions d'interface Airtable avec @airtable/blocks/interface — incluant l'échafaudage, les hooks, la comm
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.
srouting
Guide d'intégration et d'utilisation du framework de navigation SwiftUI sRouting, incluant la configuration des coordinateurs, les observateurs de routes, la navigation par onglets et piles, et les liens profonds.
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é.
skills
Guide et référence pour marimo — un système de notebooks Python réactifs qui stocke les notebooks sous forme de fichiers .py purs, permettant des flux de travail reproductibles et compatibles avec Git.
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é.
fredm00n/framerlabs
Référence experte pour construire, déboguer et publier des plugins Framer : échafaudage, modes, API ManagedCollection, outils de build et règles du marketplace.
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.
agent-skills-standard
Directives et liste de vérification pour l'implémentation d'une gestion d'état BLoC/Cubit prévisible et testable dans les applications Flutter, avec les modèles recommandés et les anti-patterns.
better-icons
Compétence CLI et MCP pour rechercher dans plus de 200 bibliothèques d'icônes (Iconify) et récupérer des SVG pour des projets ou des agents IA.
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-skills-cn
Modèles de gestion d'événements et d'actions pour les widgets Makepad — guide la gestion des événements Souris/Toucher/Clavier, la détection de collision (Hit), l'émission d'actions et la capture parentale.
awesome-skills-cn
Compétence guidée pour débuter avec Makepad (makepad-widgets). Génère du code Rust d'exemple, explique la structure de l'application, les modèles live_design!/app_main! et platf
proofshot
Enregistre les sessions de navigation, capture les captures d'écran et les erreurs, et regroupe les preuves visuelles pour vérifier les fonctionnalités de l'UI et les régressions.
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é.
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
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.
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.
design-skills
Une collection de compétences de design spécifiques à Resend : chartes graphiques, jetons de système de design, modèles de pages marketing et routines d'audit de design pour le produit et le marché
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é.
antigravity-awesome-skills
Guide les agents pour créer, structurer et amorcer des applications Rust Makepad en utilisant makepad-widgets (branche dev) avec des patterns de code, des macros et la gestion d'événements.
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
superpowers-sage
Intègre Livewire v3 dans les thèmes WordPress Sage/Acorn pour une interface utilisateur réactive pilotée par le serveur (formulaires, recherche en temps réel, téléchargements de fichiers) sans écrire de JS client.
aberdeen
Guide pour les assistants IA et les développeurs sur la création d'UIs réactives à granularité fine avec la bibliothèque Aberdeen — patterns pour les proxys, rendu efficace de listes et transitions
ng-aquila
Guide d'utilisation de la bibliothèque de composants Angular Aquila : modèles d'importation, gestion des formulaires, mise en page en grille et meilleures pratiques de l'API des composants pour les applications Angular modernes.
ui-thing
Créez, maintenez et convertissez des composants UI Thing, des blocs, de la prose et des thèmes pour les projets Nuxt ; inclut des conseils pour convertir du code React/shadcn en Vue natif.
animations
Un portage de Motion (Framer Motion) pour Svelte 5 offrant des composants d'animation, des propriétés de gestes et des aides de mise en page pour des transitions d'interface utilisateur fluides.