UI Tooling
Figma, accessibility audit, screenshot, Playwright UI testing.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | screen-reader-testing | wshobson/agents | Tester l'accessibilité web avec les lecteurs d'écran VoiceOver, NVDA et JAWS. | 40 989 | 2j |
| 2 | figma-implement-motion | figma/mcp-server-guide | Traduire des animations Figma en code motion.dev, CSS keyframes ou bibliothèques spécifiques. | 2 083 | 4j |
| 3 | pixijs-events | pixijs/pixijs-skills | Gérer les interactions pointer, souris et touch sur des objets PixiJS. | 357 | 16j |
| 4 | composing-grid-canvases | posthog/skills | Composer des grilles de widgets réutilisables en configurant, forkant ou créant des composants. | 74 | 17j |
| 5 | shopify-pos-ui | shopify/shopify-ai-toolkit | Informer l'utilisateur que shopify-pos-ui est déprécié et rediriger vers shopify. | 604 | 22j |
| 6 | figma-create-new-file | figma/mcp-server-guide | Créer un nouveau fichier Figma vierge dans les brouillons d'un utilisateur. | 2 083 | 22j |
| 7 | figma-design-to-code | figma/mcp-server-guide | Convertir un design Figma en code adapté au stack et aux conventions du projet cible. | 2 083 | 26j |
| 8 | building-html-canvases | posthog/skills | Créer des canvases HTML statiques ou animés avec WebGL, CSS et APIs navigateur. | 74 | 29j |
| 9 | mapbox-store-locator-patterns | mapbox/mapbox-agent-skills | Créer des localisateurs de magasins interactifs avec Mapbox GL JS et filtres. | 82 | 1mo |
| 10 | figma-implement-motion | figma/mcp-server-guide | Traduire des animations Figma en code motion.dev, CSS keyframes ou bibliothèques framework. | 2 083 | 1mo |
| 11 | web-design-reviewer | github/awesome-copilot | Inspecter visuellement un site web et corriger ses problèmes de design au niveau du code. | 40 143 | 2mo |
| 12 | visual-edit-precision | wshobson/agents | Appliquer des modifications visuelles minimales et précises sur les éléments ciblés. | 40 989 | 3mo |
| 13 | frontend-design | shobcoder/shob | Créer des interfaces frontend production-grade visuellement distinctives et mémorables. | 578 | 4mo |
| 14 | pixijs-blend-modes | pixijs/pixijs-skills | Appliquer des modes de fusion GPU ou avancés sur des objets PixiJS. | 357 | 4mo |
| 15 | pixijs-filters | pixijs/pixijs-skills | Appliquer des filtres visuels (flou, couleur, déplacement) aux sprites et conteneurs PixiJS. | 357 | 4mo |
| 16 | ui-screenshots | github/awesome-copilot | Capturer et recadrer des screenshots d'interfaces web pendant le développement. | 40 143 | 4mo |
| 17 | accessibility-compliance | wshobson/agents | Implémenter l'accessibilité WCAG 2.2 pour créer des interfaces inclusives et conformes. | 40 989 | 4mo |
| 18 | wcag-audit-patterns | wshobson/agents | Auditer et corriger les violations WCAG 2.2 pour garantir l'accessibilité web. | 40 989 | 4mo |
| 19 | brand-landingpage | wshobson/agents | Concevoir une landing page branded clé en main via interview, génération et itération visuelle. | 40 989 | 4mo |
| 20 | thesvg | glincker/thesvg | Récupérer et intégrer des logos et icônes SVG de marques via URLs standardisées. | 2 859 | 5mo |
| 21 | building-ui-ux | microsoft/fluidframework | Concevoir, itérer et intégrer des interfaces UI/UX avec variations comparables. | 4 946 | 5mo |
| 22 | developing-with-streamlit | streamlit/agent-skills | Router vers les sous-skills spécialisés pour développer, optimiser et styliser des apps Streamlit. | 224 | 5mo |
| 23 | accessibility | mkurman/zorai | Auditer et corriger l'accessibilité web selon les critères WCAG en HTML, CSS et JavaScript. | 324 | 5mo |
| 24 | userinterface-wiki | mkurman/zorai | Auditer et corriger les implémentations UI/UX selon 12 catégories de bonnes pratiques. | 324 | 5mo |
| 25 | synthlabs-ui-operator | mkurman/zorai | Opérer SynthLabs via navigateur pour revue, prévisualisation et configuration visuelle. | 324 | 5mo |
| 26 | xr-interface | elophanto/elophanto | Concevoir des interfaces spatiales XR intuitives, accessibles et confortables pour environnements immersifs. | 106 | 5mo |
| 27 | 12-principles-of-animation | elophanto/elophanto | Auditer le code d'animation selon les 12 principes Disney adaptés au web. | 106 | 5mo |
| 28 | accessibility-auditing | elophanto/elophanto | Auditer l'accessibilité web selon WCAG 2.2 et produire un rapport de remédiation. | 106 | 5mo |
| 29 | fixing-accessibility | elophanto/elophanto | Auditer et corriger les problèmes d'accessibilité UI selon les normes ARIA et WCAG. | 106 | 5mo |
| 30 | frontend-design | elophanto/elophanto | Créer des interfaces frontend distinctives, production-ready, avec une direction esthétique audacieuse. | 106 | 5mo |
| 31 | interaction-design | elophanto/elophanto | Concevoir des microinteractions, transitions et animations fluides pour enrichir l'expérience utilisateur. | 106 | 5mo |
| 32 | interface-design | elophanto/elophanto | Concevoir des interfaces admin et SaaS avec intention et cohérence visuelle. | 106 | 5mo |
| 33 | write-example | tldraw/tldraw | Créer des exemples minimaux et bien structurés pour le SDK tldraw. | 50 964 | 5mo |
| 34 | pixijs-accessibility | pixijs/pixijs-skills | Activer la navigation clavier et lecteur d'écran dans une application PixiJS. | 357 | 6mo |
| 35 | pixijs-color | pixijs/pixijs-skills | Créer, convertir et manipuler des couleurs dans tous les formats acceptés par PixiJS. | 357 | 6mo |
| 36 | gsap-framer-scroll-animation | github/awesome-copilot | Implémenter des animations de scroll production avec GSAP ou Framer Motion. | 40 143 | 6mo |
| 37 | shopify-pos-ui | shopify/agent-skills | Créer et scaffolde des extensions UI pour le point de vente Shopify POS. | 92 | 6mo |
| 38 | shopify-polaris-admin-extensions | shopify/agent-skills | Créer et intégrer des extensions UI personnalisées dans l'administration Shopify via CLI. | 92 | 6mo |
| 39 | shopify-polaris-checkout-extensions | shopify/agent-skills | Créer des extensions UI personnalisées pour le tunnel de paiement Shopify. | 92 | 6mo |
| 40 | shopify-polaris-customer-account-extensions | shopify/agent-skills | Créer des extensions UI personnalisées pour les pages de compte client Shopify. | 92 | 6mo |
| 41 | shopify-pos-ui | shopify/agent-skills | Créer et scaffolde des extensions UI pour le point de vente Shopify POS. | 92 | 6mo |
| 42 | mapbox-data-visualization-patterns | mapbox/mapbox-agent-skills | Créer des visualisations cartographiques avancées avec Mapbox : choroplèthes, cartes de chaleur et 3D. | 82 | 6mo |
| 43 | mapbox-style-quality | mapbox/mapbox-agent-skills | Valider, optimiser et auditer la qualité d'un style Mapbox avant déploiement. | 82 | 6mo |
| 44 | huggingface-gradio | huggingface/skills | Créer des interfaces web interactives et démos ML avec Python via Gradio. | 11 180 | 6mo |
| 45 | ux-copy | anthropics/knowledge-work-plugins | Rédiger et réviser des microtextes UX adaptés à chaque contexte d'interface. | 30 072 | 7mo |
| 46 | playwright-interactive | openai/skills | Déboguer et tester visuellement des apps web ou Electron via Playwright en session persistante. | 28 137 | 7mo |
| 47 | interaction-design | wshobson/agents | Concevoir des interactions UI fluides avec animations, transitions et micro-feedbacks engageants. | 40 989 | 7mo |
| 48 | winui-app | openai/skills | Créer, configurer et déboguer des applications WinUI 3 avec Windows App SDK. | 28 137 | 7mo |
| 49 | fluentui-blazor | github/awesome-copilot | Intégrer et configurer correctement les composants Fluent UI dans une application Blazor. | 40 143 | 8mo |
À propos de cette sélection
Générer un screenshot automatisé, détecter une régression visuelle avant la prod, brancher un audit d'accessibilité dans une pipeline CI : les équipes reportent souvent ces étapes faute d'outillage clair. Pourtant, l'écosystème a bien mûri. Les skills ui tooling disponibles ici couvrent des cas concrets, du test interactif avec Playwright piloté par un agent jusqu'à la génération de composants animés via GSAP ou Framer. Streamlit est bien représenté pour les interfaces data-driven, et les profils qui exploitent Fluent UI ou tldraw trouveront aussi leur terrain. Le tout s'adresse autant aux devs JavaScript et TypeScript qu'aux équipes Python qui assemblent des interfaces sans framework lourd, avec suffisamment de couverture pour automatiser sérieusement ce qui se voit.