UI Tooling
Figma, accessibility audit, screenshot, Playwright UI testing.
| # | Skill | Source | Description | Δ | |
|---|---|---|---|---|---|
| 1 | game-engine | github/awesome-copilot | Créer des jeux web 2D/3D avec HTML5 Canvas, WebGL et JavaScript. | 33 044 | 567 |
| 2 | gsap-framer-scroll-animation | github/awesome-copilot | Implémenter des animations de scroll production avec GSAP ou Framer Motion. | 33 044 | 567 |
| 3 | web-coder | github/awesome-copilot | Coder des applications web performantes, accessibles et sécurisées selon les standards modernes. | 33 044 | 567 |
| 4 | playwright-interactive | openai/skills | Déboguer et tester visuellement des apps web ou Electron via Playwright en session persistante. | 19 165 | 549 |
| 5 | expo-tailwind-setup | expo/skills | Configurer Tailwind CSS v4 avec NativeWind v5 dans une app Expo multiplateforme. | 1 914 | 38 |
| 6 | building-streamlit-custom-components-v2 | streamlit/agent-skills | Créer des composants UI interactifs et réutilisables pour Streamlit avec l'API CCv2. | 189 | 5 |
| 7 | shopify-polaris-checkout-extensions | shopify/agent-skills | Créer des extensions UI personnalisées pour le tunnel de paiement Shopify. | 32 | 4 |
| 8 | shopify-polaris-customer-account-extensions | shopify/agent-skills | Créer des extensions UI personnalisées pour les pages de compte client Shopify. | 32 | 4 |
| 9 | mapbox-data-visualization-patterns | mapbox/mapbox-agent-skills | Créer des visualisations cartographiques avancées avec Mapbox : choroplèthes, cartes de chaleur et 3D. | 55 | 2 |
| 10 | mapbox-store-locator-patterns | mapbox/mapbox-agent-skills | Créer des localisateurs de magasins interactifs avec Mapbox GL JS et filtres. | 55 | 2 |
| 11 | mapbox-web-performance-patterns | mapbox/mapbox-agent-skills | Optimiser les performances des applications Mapbox en éliminant chargements séquentiels et surcharges inutiles. | 55 | 2 |
À 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.