UI Tooling
Figma, accessibility audit, screenshot, Playwright UI testing.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | figma-implement-motion | figma/mcp-server-guide | Traduire des animations Figma en code motion.dev, CSS keyframes ou bibliothèques spécifiques. | 2 082 | 4j |
| 2 | pixijs-events | pixijs/pixijs-skills | Gérer les interactions pointer, souris et touch sur des objets PixiJS. | 357 | 16j |
| 3 | shopify-pos-ui | shopify/shopify-ai-toolkit | Informer l'utilisateur que shopify-pos-ui est déprécié et rediriger vers shopify. | 604 | 22j |
| 4 | figma-design-to-code | figma/mcp-server-guide | Convertir un design Figma en code adapté au stack et aux conventions du projet cible. | 2 082 | 26j |
| 5 | building-html-canvases | posthog/skills | Créer des canvases HTML statiques ou animés avec WebGL, CSS et APIs navigateur. | 74 | 29j |
| 6 | figma-implement-motion | figma/mcp-server-guide | Traduire des animations Figma en code motion.dev, CSS keyframes ou bibliothèques framework. | 2 082 | 1mo |
| 7 | frontend-design | shobcoder/shob | Créer des interfaces frontend production-grade visuellement distinctives et mémorables. | 578 | 4mo |
| 8 | pixijs-blend-modes | pixijs/pixijs-skills | Appliquer des modes de fusion GPU ou avancés sur des objets PixiJS. | 357 | 4mo |
| 9 | pixijs-filters | pixijs/pixijs-skills | Appliquer des filtres visuels (flou, couleur, déplacement) aux sprites et conteneurs PixiJS. | 357 | 4mo |
| 10 | frontend-design | elophanto/elophanto | Créer des interfaces frontend distinctives, production-ready, avec une direction esthétique audacieuse. | 106 | 5mo |
| 11 | write-example | tldraw/tldraw | Créer des exemples minimaux et bien structurés pour le SDK tldraw. | 50 964 | 5mo |
| 12 | pixijs-accessibility | pixijs/pixijs-skills | Activer la navigation clavier et lecteur d'écran dans une application PixiJS. | 357 | 6mo |
| 13 | pixijs-color | pixijs/pixijs-skills | Créer, convertir et manipuler des couleurs dans tous les formats acceptés par PixiJS. | 357 | 6mo |
| 14 | shopify-pos-ui | shopify/agent-skills | Créer et scaffolde des extensions UI pour le point de vente Shopify POS. | 92 | 6mo |
| 15 | 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 |
| 16 | shopify-pos-ui | shopify/agent-skills | Créer et scaffolde des extensions UI pour le point de vente Shopify POS. | 92 | 6mo |
À 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.