Skills pour agents
Skills pour Claude Code, Codex, Cursor et d'autres agents, issues de l'annuaire skills.sh : installations, statut de l'audit de sécurité et commande pour ajouter une skill.
Un skill n’est lié à aucun agent : npx skills add l’installe dans n’importe quel agent pris en charge. Sans -a, la CLI détecte les agents de votre ordinateur et demande où l’ajouter.
Mis à jour · Sources: skills.sh
Affichées : 13 · trouvés : 13 · sur 10 000 dans l'annuaire
-
playwright-best-practices currents-dev/playwright-best-practices-skill
Use when writing Playwright tests, fixing flaky tests, debugging failures, implementing Page Object Model, configuring CI/CD, optimizing performance, mocking APIs, handling authentication or OAuth, testing accessibility (axe-core), file uploads/downloads, date/time mocking, WebSockets, geolocation, permissions, multi-tab/popup flows, mobile/responsive layouts, touch gestures, GraphQL, error handling, offline mode, multi-user collaboration, third-party services (payments, email verification), console error monitoring, global setup/teardown, test annotations (skip, fixme, slow), test tags (@smoke, @fast, @critical, filtering with --grep), project dependencies, security testing (XSS, CSRF, auth), performance budgets (Web Vitals, Lighthouse), iframes, component testing, canvas/WebGL, service workers/PWA, test coverage, i18n/localization, Electron apps, or browser extension testing. Covers E2E, component, API, visual, accessibility, security, Electron, and extension testing.
89 981 Échoué -
brand-landingpage wshobson/agents
Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. Use when the user asks to create, design, or build a landing page, homepage, or marketing page and has no established visual direction. Skip when they have a design mockup, need a dashboard or app UI, are working at component level, building a multi-page app, or restyling with known design tokens — use frontend-design instead.
38 942 Échoué -
ckm:design nextlevelbuilder/ui-ux-pro-max-skill
32 495 Échoué -
scoutqa-test github/awesome-copilot
This skill should be used when the user asks to "test this website", "run exploratory testing", "check for accessibility issues", "verify the login flow works", "find bugs on this page", or requests automated QA testing. Triggers on web application testing scenarios including smoke tests, accessibility audits, e-commerce flows, and user flow validation using ScoutQA CLI. Use this skill proactively after implementing web application features to verify they work correctly.
9 948 Échoué -
stitch::manage-design-system google-labs-code/stitch-skills
Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.
9 156 Échoué -
stitch::code-to-design google-labs-code/stitch-skills
Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.
9 060 Échoué -
reka-ui onmax/nuxt-skills
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
7 183 Échoué -
baoyu-design jimliu/baoyu-design
Create polished design artifacts as self-contained HTML: UI mockups, interactive prototypes, wireframes, landing pages, dashboards, app screens, mobile apps, slide decks (a.k.a. PPT / PowerPoint presentations), documents and résumés, animations, 3D objects, research reports, HTML email, diagrams, fliers, and visual explorations. Use whenever the user asks to design, mock up, prototype, wireframe, visualize, explore, or make a PPT/deck for an interface, product screen, user flow, content layout, visual artifact, or pitch/deck concept, even if they do not say "design". Also use to export a deck built with this skill to PowerPoint (PPT/PPTX) — but only decks authored here (deck-stage / this skill's slide-structured HTML), NOT arbitrary HTML, so confirm the target is such a deck first. Also use for setting up, importing, or authoring reusable design systems, UI kits, brand tokens, or component libraries. Harness-agnostic for Claude Code, Cursor, Codex Agent, and similar file-capable agents.
5 837 Échoué -
ui-ux-pro-max sickn33/agentic-awesome-skills
Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.
3 444 Échoué -
apify-brand-reputation-monitoring apify/agent-skills
2 518 Échoué -
understand-figma egonex-ai/understand-anything
Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"design" dashboard.
1 426 Échoué -
ui-ux-pro-max likaia/nginxpulse
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
1 329 Échoué -
21st-design-sync 21st-dev/skill
Look at the current project's design (its shadcn / Tailwind CSS variables and color tokens) and publish it to the 21st.dev community as a shareable theme, using `21st publish-theme`. Use when the user says "publish my theme", "share our design as a 21st theme", "sync my design to 21st", "turn my globals.css into a theme", "залей наш дизайн темой", "опубликуй тему". This is the 21st equivalent of design-sync: it reads the project's design tokens and syncs them into the public theme library.
1 326 Échoué
Les descriptions sont celles des auteurs, en anglais. Lisez le code d'une skill dans son dépôt avant de l'installer.
Qu'est-ce qu'un skill d'agent ?
Un skill est un dossier contenant un fichier SKILL.md, et parfois des scripts, que l'agent charge quand la tâche en cours correspond à sa description. On apprend ainsi à Claude Code, Codex, Cursor ou à d'autres agents une procédure précise : rédiger dans un certain style, manipuler un format de fichier, suivre les conventions d'un projet. Cette page reprend l'annuaire skills.sh.
Que trouve-t-on dans l'annuaire ?
Les 10 000 skills qui comptent le plus d'installations sur skills.sh, synchronisés chaque jour. Pour chacun : le nom, l'auteur et le dépôt, le nombre d'installations, le statut d'audit de sécurité et la commande pour l'ajouter, avec un bouton pour la copier. L'onglet « Tendances » montre les installations gagnées sur les 7 derniers jours. Des filtres par thème et par agent, ainsi qu'une recherche, affinent la liste, avec au plus 100 skills par affichage. Les descriptions sont celles des auteurs, en anglais, et ne sont pas traduites.
Que signifient les statuts d'audit ?
- « Réussi » : l'audit publié par skills.sh n'a rien relevé ;
- « Avertissements » : des points méritent votre attention ;
- « Échoué » : l'audit a détecté un problème ;
- « Non audité » : aucun audit n'est disponible.
Un audit réussi suffit-il ?
Non. Un audit réussi n'est pas une garantie. Un skill peut contenir des scripts que l'agent exécutera sur votre machine : lisez le code dans le dépôt GitHub avant de l'installer, surtout s'il demande un accès au réseau ou à des fichiers sensibles.
Comment installer un skill ?
- Trouvez-le par la recherche ou les filtres.
- Ouvrez le dépôt pour lire le fichier SKILL.md et les scripts.
- Copiez la commande affichée et exécutez-la dans votre projet.
D'où viennent les chiffres ?
Les installations et les audits sont comptés par skills.sh ; le code de chaque skill est sur GitHub. Pour choisir l'agent qui utilisera ces skills, voyez la page des agents de code.