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 | 82 |
| 2 | web-artifacts-builder | anthropics/skills | Construire et bundler des artifacts frontend React en un fichier HTML autonome. | 181 848 | 82 |
| 3 | accessibility-review | anthropics/knowledge-work-plugins | Auditer une page selon les critères WCAG 2.1 AA et prioriser les corrections. | 30 059 | 73 |
| 4 | design-critique | anthropics/knowledge-work-plugins | Auditer un design et fournir une critique structurée multi-dimensionnelle actionnables. | 30 059 | 73 |
| 5 | design-handoff | anthropics/knowledge-work-plugins | Générer une documentation de handoff design complète pour les développeurs. | 30 059 | 73 |
| 6 | design-system | anthropics/knowledge-work-plugins | Auditer, documenter et étendre un design system de manière structurée. | 30 059 | 73 |
| 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 | 73 |
| 8 | contact-center/ios | anthropics/knowledge-work-plugins | Intégrer le SDK Zoom Contact Center dans une application iOS native. | 30 059 | 73 |
| 9 | zoom-meeting-sdk-android | anthropics/knowledge-work-plugins | Intégrer des réunions Zoom natives dans des applications Android. | 30 059 | 73 |
| 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 | 73 |
| 11 | zoom-meeting-sdk-ios | anthropics/knowledge-work-plugins | Intégrer des réunions Zoom natives dans une application iOS. | 30 059 | 73 |
| 12 | zoom-meeting-sdk-macos | anthropics/knowledge-work-plugins | Intégrer des réunions Zoom natives dans des applications macOS. | 30 059 | 73 |
| 13 | zoom-meeting-sdk-react-native | anthropics/knowledge-work-plugins | Intégrer des flux Zoom natifs dans une application React Native. | 30 059 | 73 |
| 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 | 73 |
| 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 | 73 |
| 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 | 73 |
| 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 | 73 |
| 18 | virtual-agent/android | anthropics/knowledge-work-plugins | Intégrer Zoom Virtual Agent dans une WebView Android via un bridge JavaScript. | 30 059 | 73 |
| 19 | virtual-agent/ios | anthropics/knowledge-work-plugins | Intégrer le Zoom Virtual Agent dans une application iOS via WKWebView. | 30 059 | 73 |
| 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 | 73 |
| 21 | ux-copy | anthropics/knowledge-work-plugins | Rédiger et réviser des microtextes UX adaptés à chaque contexte d'interface. | 30 059 | 73 |
| 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 | 73 |
| 23 | n8n:ui-design | n8n-io/n8n | Concevoir et styliser des composants UI frontend selon les standards n8n. | 207 862 | 48 |
| 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 | 48 |
| 25 | web-design-guidelines | vercel-labs/agent-skills | Auditer des fichiers web selon les Web Interface Guidelines officielles. | 32 581 | 19 |
| 26 | 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 | 19 |
| 27 | vercel-composition-patterns | vercel-labs/agent-skills | Structurer des composants React flexibles avec composition et patterns avancés. | 32 581 | 19 |
| 28 | 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 | 19 |
| 29 | vercel-react-view-transitions | vercel-labs/agent-skills | Animer les transitions d'interface React avec les View Transitions natives du navigateur. | 32 581 | 19 |
| 30 | penpot-uiux-design | github/awesome-copilot | Concevoir des interfaces professionnelles dans Penpot via un serveur MCP dédié. | 40 142 | 18 |
| 31 | premium-frontend-ui | github/awesome-copilot | Architecturer des interfaces web premium avec animations, micro-interactions et identité visuelle forte. | 40 142 | 18 |
| 32 | anti-ui-slop | github/awesome-copilot | Concevoir des interfaces web ou iOS uniques, fonctionnelles et fidèles au produit. | 40 142 | 18 |
| 33 | macos-golden-gate-design | github/awesome-copilot | Concevoir des interfaces macOS 27 natives en supprimant les faux conteneurs et en appliquant les bons matériaux… | 40 142 | 18 |
| 34 | apple-appstore-reviewer | github/awesome-copilot | Auditer le code iOS et signaler les risques de rejet sur l'App Store. | 40 142 | 18 |
| 35 | power-apps-code-app-scaffold | github/awesome-copilot | Scaffolger un projet Power Apps Code App complet avec React, TypeScript et Vite. | 40 142 | 18 |
| 36 | react18-dep-compatibility | github/awesome-copilot | Vérifier la compatibilité des dépendances npm avec React 18 et 19. | 40 142 | 18 |
| 37 | react19-concurrent-patterns | github/awesome-copilot | Préserver les patterns React 18 et adopter les nouvelles API React 19 après migration. | 40 142 | 18 |
| 38 | react19-source-patterns | github/awesome-copilot | Migrer le code source React vers les APIs modernes de React 19. | 40 142 | 18 |
| 39 | react19-test-patterns | github/awesome-copilot | Migrer les tests React 18 vers React 19 en adaptant imports et assertions. | 40 142 | 18 |
| 40 | react18-batching-patterns | github/awesome-copilot | Diagnostiquer et corriger les bugs de batching automatique dans React 18. | 40 142 | 18 |
| 41 | react18-enzyme-to-rtl | github/awesome-copilot | Migrer des tests Enzyme vers React Testing Library en adoptant une approche comportementale. | 40 142 | 18 |
| 42 | react18-legacy-context | github/awesome-copilot | Migrer les contextes React legacy vers l'API moderne Context de React 18/19. | 40 142 | 18 |
| 43 | react18-lifecycle-patterns | github/awesome-copilot | Migrer les méthodes de cycle de vie obsolètes de React vers des patterns React 18 conformes. | 40 142 | 18 |
| 44 | react18-string-refs | github/awesome-copilot | Migrer les string refs React 18 vers createRef() en trois étapes simples. | 40 142 | 18 |
| 45 | react-container-presentation-component | github/awesome-copilot | Créer un composant React selon le pattern Container/Presentation dans un projet TypeScript. | 40 142 | 18 |
| 46 | web-design-reviewer | github/awesome-copilot | Inspecter visuellement un site web et corriger ses problèmes de design au niveau du code. | 40 142 | 18 |
| 47 | fluentui-blazor | github/awesome-copilot | Intégrer et configurer correctement les composants Fluent UI dans une application Blazor. | 40 142 | 18 |
| 48 | gsap-framer-scroll-animation | github/awesome-copilot | Implémenter des animations de scroll production avec GSAP ou Framer Motion. | 40 142 | 18 |
| 49 | ui-screenshots | github/awesome-copilot | Capturer et recadrer des screenshots d'interfaces web pendant le développement. | 40 142 | 18 |
| 50 | next-intl-add-language | github/awesome-copilot | Ajouter une nouvelle langue à un projet Next.js avec next-intl. | 40 142 | 18 |
À 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.