UI Tooling
Figma, accessibility audit, screenshot, Playwright UI testing.
| # | Skill | Source | Description | Δ | |
|---|---|---|---|---|---|
| 1 | experiments | n8n-io/n8n | Gérer le cycle de vie complet des expériences frontend dans un projet n8n. | 194 272 | 2 |
| 2 | write-example | tldraw/tldraw | Créer des exemples minimaux et bien structurés pour le SDK tldraw. | 48 364 | 1 |
| 3 | shopify-polaris-admin-extensions | shopify/shopify-ai-toolkit | Créer et intégrer des extensions UI personnalisées dans l'administration Shopify via CLI. | 419 | 0 |
| 4 | shopify-polaris-checkout-extensions | shopify/shopify-ai-toolkit | Créer des extensions UI personnalisées pour le tunnel de paiement Shopify. | 419 | 0 |
| 5 | shopify-pos-ui | shopify/shopify-ai-toolkit | Créer et scaffolde des extensions UI pour le point de vente Shopify POS. | 419 | 0 |
| 6 | shopify-polaris-admin-extensions | shopify/agent-skills | Créer et intégrer des extensions UI personnalisées dans l'administration Shopify via CLI. | 45 | 0 |
| 7 | shopify-pos-ui | shopify/agent-skills | Créer et scaffolde des extensions UI pour le point de vente Shopify POS. | 45 | 0 |
| 8 | frontend-design | elophanto/elophanto | Créer des interfaces frontend distinctives, production-ready, avec une direction esthétique audacieuse. | 82 | 0 |
| 9 | xr-cockpit | elophanto/elophanto | Concevoir des interfaces cockpit XR immersives, ergonomiques et résistantes au mal des transports. | 82 | 0 |
| 10 | pixijs-accessibility | pixijs/pixijs-skills | Activer la navigation clavier et lecteur d'écran dans une application PixiJS. | 260 | 0 |
| 11 | pixijs-blend-modes | pixijs/pixijs-skills | Appliquer des modes de fusion GPU ou avancés sur des objets PixiJS. | 260 | 0 |
| 12 | pixijs-color | pixijs/pixijs-skills | Créer, convertir et manipuler des couleurs dans tous les formats acceptés par PixiJS. | 260 | 0 |
| 13 | pixijs-events | pixijs/pixijs-skills | Gérer les interactions pointer, souris et touch sur des objets PixiJS. | 260 | 0 |
| 14 | pixijs-filters | pixijs/pixijs-skills | Appliquer des filtres visuels (flou, couleur, déplacement) aux sprites et conteneurs PixiJS. | 260 | 0 |
| 15 | figma-implement-motion | figma/mcp-server-guide | Traduire des animations Figma en code motion.dev, CSS keyframes ou bibliothèques spécifiques. | 1 671 | 0 |
À 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.