Frontend & Design
Skills pour interfaces web et mobile : React, design systems, accessibilite, mobile.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | building-admin-dashboard-customizations | medusajs/medusa-agent-skills | Créer des extensions UI personnalisées pour le tableau de bord Medusa Admin. | 204 | 10h |
| 2 | remotion-upgrade | remotion-dev/skills | Mettre à jour Remotion et ses dépendances vers la dernière version stable. | 4 161 | 11h |
| 3 | figma-code-connect | figma/mcp-server-guide | Générer des fichiers de mapping Figma-code pour connecter composants et snippets TypeScript. | 1 832 | 1j |
| 4 | figma-use | figma/mcp-server-guide | Exécuter du JavaScript dans Figma via l'API Plugin pour manipuler des fichiers. | 1 832 | 1j |
| 5 | mapbox-android-patterns | mapbox/mapbox-agent-skills | Intégrer Mapbox Maps SDK v11 dans une app Android avec Kotlin ou Compose. | 71 | 1j |
| 6 | mapbox-ios-patterns | mapbox/mapbox-agent-skills | Intégrer Mapbox Maps SDK v11 sur iOS avec Swift, SwiftUI et UIKit. | 71 | 1j |
| 7 | mapbox-web-integration-patterns | mapbox/mapbox-agent-skills | Intégrer Mapbox GL JS dans React, Vue, Svelte, Angular et JavaScript vanilla. | 71 | 1j |
| 8 | mapbox-web-performance-patterns | mapbox/mapbox-agent-skills | Optimiser les performances des applications Mapbox en éliminant chargements séquentiels et surcharges inutiles. | 71 | 1j |
| 9 | stitch::code-to-design | google-labs-code/stitch-skills | Convertir du code frontend existant en design Stitch itérable via extraction et upload. | 7 876 | 2j |
| 10 | stitch::extract-static-html | google-labs-code/stitch-skills | Extraire une capture HTML statique et autonome d'une application web locale. | 7 876 | 2j |
| 11 | deno-frontend | denoland/skills | Développer des applications web Deno avec Fresh 2.x, Preact et Tailwind CSS. | 90 | 2j |
| 12 | eas-simulator | expo/skills | Lancer et piloter un simulateur iOS/Android distant depuis un agent IA. | 2 347 | 3j |
| 13 | shopify-hydrogen | shopify/shopify-ai-toolkit | Générer du code Hydrogen valide pour Shopify en recherchant et validant automatiquement. | 484 | 4j |
| 14 | shopify-polaris-admin-extensions | shopify/shopify-ai-toolkit | Générer des extensions UI Shopify Admin validées avec scaffold CLI automatique. | 484 | 4j |
| 15 | shopify-polaris-app-home | shopify/shopify-ai-toolkit | Générer du code UI Shopify Polaris App Home validé et documenté. | 484 | 4j |
| 16 | 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. | 484 | 4j |
| 17 | shopify-polaris-customer-account-extensions | shopify/shopify-ai-toolkit | Générer et valider du code d'extension UI pour les comptes clients Shopify. | 484 | 4j |
| 18 | shopify-pos-ui | shopify/shopify-ai-toolkit | Générer du code d'extension UI pour Shopify POS avec validation automatique. | 484 | 4j |
| 19 | rivetkit-client-react | rivet-dev/skills | Connecter des applications React à des Rivet Actors via hooks typés. | 17 | 4j |
| 20 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 298 | 4j |
| 21 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 298 | 4j |
| 22 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 298 | 4j |
| 23 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 298 | 4j |
| 24 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 298 | 5j |
| 25 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 298 | 5j |
| 26 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 298 | 5j |
| 27 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 298 | 5j |
| 28 | vercel-react-view-transitions | vercel-labs/agent-skills | Animer les transitions d'interface React avec les View Transitions natives du navigateur. | 29 652 | 8j |
| 29 | expo-dev-client | expo/skills | Créer et installer des clients de développement Expo avec EAS Build pour tester du code natif. | 2 347 | 8j |
| 30 | expo-module | expo/skills | Créer et configurer des modules natifs Expo pour iOS, Android et TypeScript. | 2 347 | 8j |
| 31 | expo-tailwind-setup | expo/skills | Configurer Tailwind CSS v4 avec NativeWind v5 dans une app Expo multiplateforme. | 2 347 | 8j |
| 32 | expo-ui | expo/skills | Intégrer des composants UI natifs SwiftUI et Jetpack Compose dans une app Expo React Native. | 2 347 | 8j |
| 33 | expo-router | expo/skills | Gérer la navigation et le routage d'applications Expo Router avec stacks, modales et liens. | 2 347 | 8j |
| 34 | expo-brownfield | expo/skills | Intégrer React Native et Expo dans une application native iOS ou Android existante. | 2 347 | 8j |
| 35 | expo-examples | expo/skills | Intégrer des bibliothèques tierces dans une app Expo en s'appuyant sur des exemples officiels. | 2 347 | 8j |
| 36 | expo-project-structure | expo/skills | Structurer un projet Expo Router avec une arborescence claire et modulaire. | 2 347 | 8j |
| 37 | eas-app-stores | expo/skills | Construire et déployer des apps Expo natives sur l'App Store et Google Play via EAS. | 2 347 | 8j |
| 38 | eas-hosting | expo/skills | Déployer une application Expo web et ses routes API sur Cloudflare Workers. | 2 347 | 8j |
| 39 | eas-observe | expo/skills | Surveiller et analyser les performances de démarrage et navigation d'applications Expo en production. | 2 347 | 8j |
| 40 | expo-app-clip | expo/skills | Ajouter une App Clip iOS à un projet Expo avec domaine associé et AASA. | 2 347 | 8j |
| 41 | expo-data-fetching | expo/skills | Gérer les requêtes réseau, le cache et les erreurs dans une app Expo. | 2 347 | 8j |
| 42 | expo-dom | expo/skills | Intégrer des composants web DOM dans une app Expo native sans modification. | 2 347 | 8j |
| 43 | expo-native-ui | expo/skills | Guider le développement d'interfaces natives Expo avec bonnes pratiques et bibliothèques recommandées. | 2 347 | 8j |
| 44 | expo-upgrade | expo/skills | Migrer un projet Expo vers une nouvelle version du SDK pas à pas. | 2 347 | 8j |
| 45 | expo-web-to-native | expo/skills | Migrer une app React web vers native mobile, écran par écran, sans réécriture totale. | 2 347 | 8j |
| 46 | eas-update-insights | expo/skills | Consulter les métriques de santé et d'adoption des mises à jour EAS publiées. | 2 347 | 8j |
| 47 | rivetkit-client-swiftui | rivet-dev/skills | Connecter des apps SwiftUI aux Rivet Actors via le client RivetKitSwiftUI. | 17 | 9j |
| 48 | anti-ui-slop | github/awesome-copilot | Concevoir des interfaces web ou iOS uniques, fonctionnelles et fidèles au produit. | 37 305 | 9j |
| 49 | markstream-install | github/awesome-copilot | Intégrer et configurer Markstream pour le rendu Markdown en streaming selon le framework cible. | 37 305 | 12j |
| 50 | dart-use-pattern-matching | flutter/skills | Implémenter des patterns Dart pour structurer et valider des données efficacement. | 2 764 | 17j |
À 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.