Frontend & Design
Skills pour interfaces web et mobile : React, design systems, accessibilite, mobile.
| # | Skill | Source | Description | Maj | |
|---|---|---|---|---|---|
| 1 | expo-dev-client | expo/skills | Créer et installer des clients de développement Expo avec EAS Build pour tester du code natif. | 2 907 | 9h |
| 2 | expo-overview | expo/skills | Router d'orientation pour identifier et charger le bon skill Expo ou EAS selon l'objectif. | 2 907 | 9h |
| 3 | clerk-swift | clerk/skills | Intégrer Clerk dans un projet Swift/iOS natif via des flux préconstruits ou personnalisés. | 89 | 1j |
| 4 | eas-observe | expo/skills | Surveiller et analyser les performances de démarrage et navigation d'applications Expo en production. | 2 907 | 1j |
| 5 | remotion-upgrade | remotion-dev/skills | Mettre à jour Remotion et ses dépendances vers la dernière version stable. | 5 304 | 2j |
| 6 | screen-reader-testing | wshobson/agents | Tester l'accessibilité web avec les lecteurs d'écran VoiceOver, NVDA et JAWS. | 40 986 | 2j |
| 7 | storefront-best-practices | medusajs/medusa-agent-skills | Construire et optimiser des storefronts e-commerce modernes selon les meilleures pratiques UI/UX. | 231 | 3j |
| 8 | figma-code-workflows | figma/mcp-server-guide | Importer un projet web dans Figma en tant que calque de code ou design modifiable. | 2 082 | 3j |
| 9 | figma-spec | figma/mcp-server-guide | Créer, lire et éditer des specs Figma embarquées via des APIs dédiées. | 2 082 | 3j |
| 10 | figma-generate-design | figma/mcp-server-guide | Créer ou mettre à jour des écrans Figma en réutilisant les composants du design system. | 2 082 | 4j |
| 11 | figma-generate-design | figma/mcp-server-guide | Créer ou mettre à jour des écrans Figma en réutilisant les composants du design system. | 2 082 | 4j |
| 12 | 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 |
| 13 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 334 | 4j |
| 14 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 334 | 4j |
| 15 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 334 | 4j |
| 16 | svelte-code-writer | sveltejs/ai-tools | Écrire, analyser et corriger du code Svelte 5 via des outils CLI dédiés. | 334 | 4j |
| 17 | figma-use | figma/mcp-server-guide | Exécuter du JavaScript dans Figma via l'API Plugin pour manipuler des fichiers. | 2 082 | 4j |
| 18 | figma-use-motion | figma/mcp-server-guide | Animer des nœuds Figma avec keyframes, styles et timelines via l'API motion. | 2 082 | 4j |
| 19 | signals-scout-web-vitals | posthog/skills | Identifier et signaler les pages web sous-performantes selon les seuils Core Web Vitals. | 74 | 5j |
| 20 | react-native-brownfield-migration | callstackincubator/agent-skills | Intégrer React Native de façon incrémentale dans des apps natives existantes via brownfield. | 1 673 | 9j |
| 21 | apple-appstore-reviewer | github/awesome-copilot | Auditer le code iOS et signaler les risques de rejet sur l'App Store. | 40 142 | 10j |
| 22 | clerk-tanstack-patterns | clerk/skills | Intégrer l'authentification Clerk dans une application TanStack React Start avec Vinxi. | 89 | 10j |
| 23 | wix-headless-templates | wix/skills | Fournir les templates de code source pour construire des sites Wix Headless par solution métier. | 34 | 11j |
| 24 | accessibility | verygoodopensource/vgv-ai-flutter-plugin | Auditer et corriger l'accessibilité Flutter selon les niveaux WCAG 2.1 A, AA et AAA. | 172 | 12j |
| 25 | bloc | verygoodopensource/vgv-ai-flutter-plugin | Gérer l'état Flutter avec le pattern BLoC en séparant logique métier et présentation. | 172 | 12j |
| 26 | dart-flutter-sdk-upgrade | verygoodopensource/vgv-ai-flutter-plugin | Mettre à jour les versions Flutter/Dart dans les fichiers CI et pubspec.yaml d'un projet VGV. | 172 | 12j |
| 27 | internationalization | verygoodopensource/vgv-ai-flutter-plugin | Internationaliser une application Flutter avec ARB, flutter_localizations et bonnes pratiques RTL. | 172 | 12j |
| 28 | layered-architecture | verygoodopensource/vgv-ai-flutter-plugin | Structurer une app Flutter en monorepo avec quatre couches indépendantes et unidirectionnelles. | 172 | 12j |
| 29 | material-theming | verygoodopensource/vgv-ai-flutter-plugin | Centraliser couleurs, typographie et composants Flutter via ThemeData Material 3. | 172 | 12j |
| 30 | navigation | verygoodopensource/vgv-ai-flutter-plugin | Implémenter la navigation Flutter avec GoRouter selon les meilleures pratiques recommandées. | 172 | 12j |
| 31 | ui-package | verygoodopensource/vgv-ai-flutter-plugin | Créer une bibliothèque de widgets Flutter réutilisables avec theming, API et tests cohérents. | 172 | 12j |
| 32 | animations | verygoodopensource/vgv-ai-flutter-plugin | Appliquer les meilleures pratiques d'animation Flutter avec Material 3 et sans bibliothèques tierces. | 172 | 12j |
| 33 | clerk-billing | clerk/skills | Configurer et gérer la facturation Clerk par code ou via le Dashboard. | 89 | 12j |
| 34 | clerk-nextjs-patterns | clerk/skills | Implémenter l'authentification Clerk dans Next.js côté serveur et client. | 89 | 12j |
| 35 | clerk-astro-patterns | clerk/skills | Intégrer l'authentification Clerk dans un projet Astro avec SSR et islands. | 89 | 12j |
| 36 | xcode-project-setup | firebase/agent-skills | Configurer et gérer les dépendances SPM d'un projet Xcode via Swift. | 472 | 12j |
| 37 | eas-simulator | expo/skills | Lancer et piloter un simulateur iOS/Android distant depuis un agent IA. | 2 907 | 12j |
| 38 | clerk-android | clerk/skills | Intégrer Clerk dans des projets Android natifs avec Kotlin et Jetpack Compose. | 89 | 12j |
| 39 | clerk-nuxt-patterns | clerk/skills | Intégrer l'authentification Clerk dans une application Nuxt avec SSR et middleware. | 89 | 12j |
| 40 | clerk-react-router-patterns | clerk/skills | Intégrer l'authentification Clerk dans une application React Router v7/v8. | 89 | 12j |
| 41 | clerk-vue-patterns | clerk/skills | Intégrer l'authentification Clerk dans une application Vue 3 avec composables réactifs. | 89 | 12j |
| 42 | audit-expo-skill | clerk/skills | Auditer le skill Clerk Expo en le confrontant aux sources SDK et documentation officielles. | 89 | 12j |
| 43 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 334 | 14j |
| 44 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 334 | 14j |
| 45 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 334 | 14j |
| 46 | svelte-core-bestpractices | sveltejs/ai-tools | Maîtriser les runes Svelte ($state, $derived, $effect) et les bonnes pratiques associées. | 334 | 14j |
| 47 | e2e-test | divinevideo/divine-mobile | Exécuter des tests E2E d'une app mobile contre un backend Docker local complet. | 266 | 15j |
| 48 | expo-module | expo/skills | Créer et configurer des modules natifs Expo pour iOS, Android et TypeScript. | 2 907 | 15j |
| 49 | expo-ui | expo/skills | Intégrer des composants UI natifs SwiftUI et Jetpack Compose dans une app Expo React Native. | 2 907 | 15j |
| 50 | expo-router | expo/skills | Gérer la navigation et le routage d'applications Expo Router avec stacks, modales et liens. | 2 907 | 15j |
À 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.