Frontend & Design
Skills pour interfaces web et mobile : React, design systems, accessibilite, mobile.
| # | Skill | Source | Description | Δ | |
|---|---|---|---|---|---|
| 1 | frontend-design | anthropics/skills | Créer des interfaces frontend mémorables, distinctives et production-ready avec une vision esthétique audacieuse. | 181 848 | 1370 |
| 2 | web-artifacts-builder | anthropics/skills | Construire et bundler des artifacts frontend React en un fichier HTML autonome. | 181 848 | 1370 |
| 3 | accessibility-review | anthropics/knowledge-work-plugins | Auditer une page selon les critères WCAG 2.1 AA et prioriser les corrections. | 30 059 | 970 |
| 4 | design-critique | anthropics/knowledge-work-plugins | Auditer un design et fournir une critique structurée multi-dimensionnelle actionnables. | 30 059 | 970 |
| 5 | design-handoff | anthropics/knowledge-work-plugins | Générer une documentation de handoff design complète pour les développeurs. | 30 059 | 970 |
| 6 | design-system | anthropics/knowledge-work-plugins | Auditer, documenter et étendre un design system de manière structurée. | 30 059 | 970 |
| 7 | contact-center/android | anthropics/knowledge-work-plugins | Intégrer le SDK Zoom Contact Center Android pour gérer chats, vidéos et rappels. | 30 059 | 970 |
| 8 | contact-center/ios | anthropics/knowledge-work-plugins | Intégrer le SDK Zoom Contact Center dans une application iOS native. | 30 059 | 970 |
| 9 | zoom-meeting-sdk-android | anthropics/knowledge-work-plugins | Intégrer des réunions Zoom natives dans des applications Android. | 30 059 | 970 |
| 10 | zoom-meeting-sdk-electron | anthropics/knowledge-work-plugins | Intégrer le Zoom Meeting SDK dans des applications desktop Electron via un wrapper natif. | 30 059 | 970 |
| 11 | zoom-meeting-sdk-ios | anthropics/knowledge-work-plugins | Intégrer des réunions Zoom natives dans une application iOS. | 30 059 | 970 |
| 12 | zoom-meeting-sdk-macos | anthropics/knowledge-work-plugins | Intégrer des réunions Zoom natives dans des applications macOS. | 30 059 | 970 |
| 13 | zoom-meeting-sdk-react-native | anthropics/knowledge-work-plugins | Intégrer des flux Zoom natifs dans une application React Native. | 30 059 | 970 |
| 14 | zoom-video-sdk-android | anthropics/knowledge-work-plugins | Intégrer des sessions vidéo en temps réel dans des applications Android avec Zoom. | 30 059 | 970 |
| 15 | zoom-video-sdk-flutter | anthropics/knowledge-work-plugins | Intégrer le Zoom Video SDK dans une application Flutter avec sessions vidéo personnalisées. | 30 059 | 970 |
| 16 | zoom-video-sdk-ios | anthropics/knowledge-work-plugins | Intégrer des sessions vidéo personnalisées dans une application iOS avec le SDK Zoom. | 30 059 | 970 |
| 17 | zoom-video-sdk-react-native | anthropics/knowledge-work-plugins | Intégrer le Zoom Video SDK dans une app React Native avec sessions vidéo personnalisées. | 30 059 | 970 |
| 18 | virtual-agent/android | anthropics/knowledge-work-plugins | Intégrer Zoom Virtual Agent dans une WebView Android via un bridge JavaScript. | 30 059 | 970 |
| 19 | virtual-agent/ios | anthropics/knowledge-work-plugins | Intégrer le Zoom Virtual Agent dans une application iOS via WKWebView. | 30 059 | 970 |
| 20 | ui-toolkit/web | anthropics/knowledge-work-plugins | Intégrer une interface vidéo Zoom prête à l'emploi avec un minimum de code. | 30 059 | 970 |
| 21 | ux-copy | anthropics/knowledge-work-plugins | Rédiger et réviser des microtextes UX adaptés à chaque contexte d'interface. | 30 059 | 970 |
| 22 | zoom-apps-sdk | anthropics/knowledge-work-plugins | Créer des applications web intégrées au client Zoom avec le SDK officiel. | 30 059 | 970 |
| 23 | n8n:ui-design | n8n-io/n8n | Concevoir et styliser des composants UI frontend selon les standards n8n. | 207 862 | 851 |
| 24 | n8n:agent-design-language | n8n-io/n8n | Concevoir et implémenter des interfaces pour la fonctionnalité agents selon les règles visuelles établies. | 207 862 | 851 |
| 25 | tailwind-design-system | wshobson/agents | Créer des design systems production-ready avec Tailwind CSS v4. | 40 989 | 587 |
| 26 | design-system-patterns | wshobson/agents | Architecturer des systèmes de design avec tokens, thèmes et composants scalables. | 40 989 | 587 |
| 27 | visual-design-foundations | wshobson/agents | Créer des systèmes visuels cohérents via typographie, couleurs et espacements accessibles. | 40 989 | 587 |
| 28 | web-component-design | wshobson/agents | Concevoir des composants UI réutilisables avec patterns de composition et styling modernes. | 40 989 | 587 |
| 29 | react-native-architecture | wshobson/agents | Architecturer des applications React Native avec Expo, navigation et offline-first. | 40 989 | 587 |
| 30 | mobile-android-design | wshobson/agents | Concevoir des interfaces Android modernes avec Material Design 3 et Jetpack Compose. | 40 989 | 587 |
| 31 | mobile-ios-design | wshobson/agents | Concevoir des interfaces iOS natives avec SwiftUI en suivant les guidelines Apple. | 40 989 | 587 |
| 32 | react-native-design | wshobson/agents | Maîtriser le design React Native avec navigation, animations et layouts cross-platform. | 40 989 | 587 |
| 33 | react-modernization | wshobson/agents | Migrer des composants React class vers hooks et moderniser les applications vers React 18. | 40 989 | 587 |
| 34 | react-state-management | wshobson/agents | Gérer l'état React avec Zustand, Redux Toolkit ou React Query selon les besoins. | 40 989 | 587 |
| 35 | screen-reader-testing | wshobson/agents | Tester l'accessibilité web avec les lecteurs d'écran VoiceOver, NVDA et JAWS. | 40 989 | 587 |
| 36 | wcag-audit-patterns | wshobson/agents | Auditer et corriger les violations WCAG 2.2 pour garantir l'accessibilité web. | 40 989 | 587 |
| 37 | brand-landingpage | wshobson/agents | Concevoir une landing page branded clé en main via interview, génération et itération visuelle. | 40 989 | 587 |
| 38 | accessibility-compliance | wshobson/agents | Implémenter l'accessibilité WCAG 2.2 pour créer des interfaces inclusives et conformes. | 40 989 | 587 |
| 39 | interaction-design | wshobson/agents | Concevoir des interactions UI fluides avec animations, transitions et micro-feedbacks engageants. | 40 989 | 587 |
| 40 | visual-edit-precision | wshobson/agents | Appliquer des modifications visuelles minimales et précises sur les éléments ciblés. | 40 989 | 587 |
| 41 | angular-migration | wshobson/agents | Migrer des applications AngularJS vers Angular avec stratégies hybrides et conversion de composants. | 40 989 | 587 |
| 42 | nextjs-app-router-patterns | wshobson/agents | Implémenter les patterns App Router Next.js 14 pour des applications React full-stack modernes. | 40 989 | 587 |
| 43 | responsive-design | wshobson/agents | Créer des interfaces responsives adaptatives avec CSS Grid, Flexbox et container queries. | 40 989 | 587 |
| 44 | web-design-guidelines | vercel-labs/agent-skills | Auditer des fichiers web selon les Web Interface Guidelines officielles. | 32 581 | 348 |
| 45 | vercel-react-native-skills | vercel-labs/agent-skills | Optimiser les apps React Native et Expo selon des règles de bonnes pratiques catégorisées. | 32 581 | 348 |
| 46 | vercel-composition-patterns | vercel-labs/agent-skills | Structurer des composants React flexibles avec composition et patterns avancés. | 32 581 | 348 |
| 47 | vercel-react-best-practices | vercel-labs/agent-skills | Optimiser les performances React/Next.js selon 70 règles Vercel classées par impact. | 32 581 | 348 |
| 48 | vercel-react-view-transitions | vercel-labs/agent-skills | Animer les transitions d'interface React avec les View Transitions natives du navigateur. | 32 581 | 348 |
| 49 | remotion-upgrade | remotion-dev/skills | Mettre à jour Remotion et ses dépendances vers la dernière version stable. | 5 304 | 274 |
| 50 | penpot-uiux-design | github/awesome-copilot | Concevoir des interfaces professionnelles dans Penpot via un serveur MCP dédié. | 40 142 | 221 |
À 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.