Frontend & Design
Skills pour interfaces web et mobile : React, design systems, accessibilite, mobile.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | remotion-upgrade | remotion-dev/skills | Mettre à jour Remotion et ses dépendances vers la dernière version stable. | 4 414 | 14h |
| 2 | anti-ui-slop | github/awesome-copilot | Concevoir des interfaces web ou iOS uniques, fonctionnelles et fidèles au produit. | 38 292 | 3j |
| 3 | expo-ui | expo/skills | Intégrer des composants UI natifs SwiftUI et Jetpack Compose dans une app Expo React Native. | 2 466 | 7j |
| 4 | expo-overview | expo/skills | Router d'orientation pour identifier et charger le bon skill Expo ou EAS selon l'objectif. | 2 466 | 7j |
| 5 | expo-native-ui | expo/skills | Guider le développement d'interfaces natives Expo avec bonnes pratiques et bibliothèques recommandées. | 2 466 | 7j |
| 6 | mapbox-navigation-patterns | mapbox/mapbox-agent-skills | Implémenter la navigation Mapbox avec routage, guidage vocal et trafic en temps réel. | 73 | 7j |
| 7 | shopify-hydrogen | shopify/shopify-ai-toolkit | Générer du code Hydrogen valide pour Shopify en recherchant et validant automatiquement. | 519 | 7j |
| 8 | shopify-polaris-admin-extensions | shopify/shopify-ai-toolkit | Générer des extensions UI Shopify Admin validées avec scaffold CLI automatique. | 519 | 7j |
| 9 | shopify-polaris-app-home | shopify/shopify-ai-toolkit | Générer du code UI Shopify Polaris App Home validé et documenté. | 519 | 7j |
| 10 | shopify-polaris-checkout-extensions | shopify/shopify-ai-toolkit | Générer et valider du code d'extension UI Checkout Shopify via CLI et outils bash. | 519 | 7j |
| 11 | shopify-polaris-customer-account-extensions | shopify/shopify-ai-toolkit | Générer et valider du code d'extension UI pour les comptes clients Shopify. | 519 | 7j |
| 12 | shopify-pos-ui | shopify/shopify-ai-toolkit | Générer du code d'extension UI pour Shopify POS avec validation automatique. | 519 | 7j |
| 13 | expo-animation | expo/skills | Construire des animations performantes pour React Native avec Reanimated sur thread UI. | 2 466 | 8j |
| 14 | wix-design-system | wix/skills | Naviguer et interroger la documentation du design system Wix pour intégrer ses composants. | 27 | 10j |
| 15 | building-admin-dashboard-customizations | medusajs/medusa-agent-skills | Créer des extensions UI personnalisées pour le tableau de bord Medusa Admin. | 211 | 12j |
| 16 | figma-generate-design | figma/mcp-server-guide | Créer ou mettre à jour des écrans Figma en réutilisant les composants du design system. | 1 923 | 13j |
| 17 | figma-use | figma/mcp-server-guide | Exécuter du JavaScript dans Figma via l'API Plugin pour manipuler des fichiers. | 1 923 | 13j |
| 18 | eas-observe | expo/skills | Surveiller et analyser les performances de démarrage et navigation d'applications Expo en production. | 2 466 | 13j |
| 19 | expo-design-system | expo/skills | Centraliser tous les tokens visuels d'une app Expo dans un système de design cohérent. | 2 466 | 13j |
| 20 | expo-upgrade | expo/skills | Migrer un projet Expo vers une nouvelle version du SDK pas à pas. | 2 466 | 13j |
| 21 | e2e-test | divinevideo/divine-mobile | Exécuter des tests E2E d'une app mobile contre un backend Docker local complet. | 263 | 13j |
| 22 | nuxt-ui | nuxt/ui | Intégrer et utiliser les composants Nuxt UI avec les bonnes pratiques et conventions. | 6 860 | 14j |
| 23 | vercel-react-view-transitions | vercel-labs/agent-skills | Animer les transitions d'interface React avec les View Transitions natives du navigateur. | 30 512 | 14j |
| 24 | trigger-realtime | triggerdotdev/skills | Suivre en temps réel les tâches d'agents IA depuis le frontend avec React. | 30 | 14j |
| 25 | nextjs16-skills | elophanto/elophanto | Maîtriser Next.js 16 : nouveautés, migrations et breaking changes essentiels. | 113 | 16j |
| 26 | dart-lifecycle-disposed-flag-overload | divinevideo/divine-mobile | Corriger la confusion entre arrêt temporaire et destruction permanente dans un lifecycle Dart. | 263 | 19j |
| 27 | equatable-linkedhashmap-lru-reorder | divinevideo/divine-mobile | Corriger le bug silencieux d'égalité Equatable avec un LRU basé sur LinkedHashMap. | 263 | 19j |
| 28 | fastly-compute-well-known-spa-fallback | divinevideo/divine-mobile | Intercepter les fichiers .well-known avant le fallback SPA sur Fastly Compute. | 263 | 19j |
| 29 | ffmpeg-kit-macos-codesign-crash | divinevideo/divine-mobile | Résoudre le crash macOS de FFmpegKit causé par une signature de code invalide. | 263 | 19j |
| 30 | figma-designer | divinevideo/divine-mobile | Convertir des designs Figma en code Flutter en réutilisant composants et thèmes existants. | 263 | 19j |
| 31 | flutter-deactivate-setstate-during-build | divinevideo/divine-mobile | Différer les appels d'état dans deactivate() Flutter pour éviter les erreurs de build. | 263 | 19j |
| 32 | flutter-dispose-timer-test-failure | divinevideo/divine-mobile | Corriger les erreurs Flutter de timer pending en remplaçant dispose() par deactivate(). | 263 | 19j |
| 33 | flutter-dynamic-tabcontroller-ticker-mixin | divinevideo/divine-mobile | Gérer dynamiquement un TabController Flutter avec des onglets conditionnels sans crash. | 263 | 19j |
| 34 | flutter-macos-duplicate-camera-plugin | divinevideo/divine-mobile | Résoudre les conflits de plugins caméra dupliqués dans un build Flutter macOS. | 263 | 19j |
| 35 | flutter-macos-permission-handler-camera-failure | divinevideo/divine-mobile | Contourner permission_handler sur macOS pour autoriser l'accès caméra en Flutter. | 263 | 19j |
| 36 | flutter-macos-tcc-responsible-process-camera-denial | divinevideo/divine-mobile | Diagnostiquer et résoudre les refus caméra silencieux liés au processus responsable TCC sur macOS. | 263 | 19j |
| 37 | flutter-pageview-scroll-position-preservation | divinevideo/divine-mobile | Préserver la position de scroll d'un PageView Flutter lors des rebuilds. | 263 | 19j |
| 38 | flutter-pageview-url-routing-reorder-loop | divinevideo/divine-mobile | Éliminer les boucles infinies entre PageView, URL routing et détection de réordonnancement Flutter. | 263 | 19j |
| 39 | flutter-startup-network-blocking | divinevideo/divine-mobile | Paralléliser les connexions réseau au démarrage Flutter pour accélérer le premier rendu. | 263 | 19j |
| 40 | flutter-svg-icon-colorfilter-visibility | divinevideo/divine-mobile | Remplacer le widget Opacity par ColorFilter pour coloriser correctement les icônes SVG Flutter. | 263 | 19j |
| 41 | macos-tcc-sigkill-missing-usage-description | divinevideo/divine-mobile | Diagnostiquer et corriger les crashs SIGKILL macOS liés aux clés TCC manquantes dans Info.plist. | 263 | 19j |
| 42 | media-kit-macos-codesign-crash | divinevideo/divine-mobile | Corriger le crash de lancement d'une app Flutter macOS causé par des frameworks non signés. | 263 | 19j |
| 43 | rest-api-optimistic-update-race-condition | divinevideo/divine-mobile | Résoudre les race conditions de mise à jour optimiste avec une API REST et indexation asynchrone. | 263 | 19j |
| 44 | riverpod-infinite-rebuild-loop | divinevideo/divine-mobile | Diagnostiquer et corriger les boucles infinies de rebuild Riverpod dans Flutter. | 263 | 19j |
| 45 | riverpod-ref-in-provider-lifecycle | divinevideo/divine-mobile | Gérer les crashs de ref dans les callbacks asynchrones des providers Riverpod. | 263 | 19j |
| 46 | riverpod-ref-listen-build-only | divinevideo/divine-mobile | Corriger l'utilisation de ref.listen en le déplaçant dans build() avec Riverpod 3.x. | 263 | 19j |
| 47 | riverpod-ref-read-in-dispose | divinevideo/divine-mobile | Mettre en cache un service Riverpod dans initState pour l'utiliser dans dispose sans erreur. | 263 | 19j |
| 48 | riverpod-stream-provider-auth-transition-oscillation | divinevideo/divine-mobile | Corriger l'oscillation d'un StreamProvider bloquant l'écran après redirection d'authentification. | 263 | 19j |
| 49 | vite-proxy-folder-name-conflict | divinevideo/divine-mobile | Résoudre les conflits entre dossiers client et règles proxy Vite causant des erreurs 404. | 263 | 19j |
| 50 | create-react-native-library | callstackincubator/agent-skills | Créer et structurer une bibliothèque React Native native ou locale rapidement. | 1 623 | 19j |
À propos de cette sélection
L'interface reste souvent le dernier kilomètre qu'un agent rate : il génère du code qui compile, mais casse l'accessibilité, ignore le design system ou produit un composant visuellement incohérent. Les skills frontend & design couvrent précisément ce périmètre, des règles de design system à appliquer mécaniquement jusqu'à la génération de composants React typés et testables. Concrètement, tu peux brancher un agent pour auditer la conformité d'un composant face à un token system existant, ou pour scaffolder des exemples interactifs alignés sur ta charte visuelle. L'outillage est dense et déjà mature côté TypeScript et JavaScript, avec des contributions notables de Shopify et Flutter qui couvrent aussi bien le web que le mobile natif. Un socle utile pour les fullstacks qui veulent déléguer plus que du CRUD.