Skills voor agents
Skills voor Claude Code, Codex, Cursor en andere agents uit de skills.sh-directory: installaties, status van de beveiligingscontrole en het commando om een skill toe te voegen.
Een skill zit niet vast aan één agent: npx skills add installeert hem in elke ondersteunde agent. Zonder -a zoekt de CLI de agents op je computer en vraagt waar hij moet komen.
Bijgewerkt · Bronnen: skills.sh
Getoond: 13 · gevonden: 13 · van 10.000 in de directory
-
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 Mislukt -
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 Mislukt -
ckm:design nextlevelbuilder/ui-ux-pro-max-skill
32.495 Mislukt -
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 Mislukt -
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 Mislukt -
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 Mislukt -
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 Mislukt -
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 Mislukt -
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 Mislukt -
apify-brand-reputation-monitoring apify/agent-skills
2.518 Mislukt -
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 Mislukt -
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 Mislukt -
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 Mislukt
De beschrijvingen zijn van de auteurs zelf, in het Engels. Lees de code van een skill in zijn repository voordat je hem installeert.
Wat is een skill?
Een skill is een map met een bestand SKILL.md en eventueel scripts. Het bestand beschrijft een taak of werkwijze, bijvoorbeeld hoe je een changelog schrijft, een database migreert of een bepaald framework gebruikt. Een agent laadt de skill pas als de taak erbij past, zodat hij gericht meer kennis en gereedschap krijgt zonder dat alles standaard in zijn context zit. Skills werken met Claude Code, Codex, Cursor en andere agents.
Wat laat de directory zien?
Deze pagina toont skills uit de directory van skills.sh: de top 10.000 op aantal installaties, dagelijks gesynchroniseerd. Per skill zie je:
- de naam, de auteur en de repository;
- het aantal installaties;
- de status van de “Beveiligingscontrole”;
- het commando om de skill toe te voegen, met een knop “Commando kopiëren”.
“Trending” sorteert skills op het aantal installaties dat er de afgelopen 7 dagen bij kwam. Je filtert op onderwerp en op agent, of je zoekt op naam; per weergave zie je maximaal 100 skills. De beschrijvingen zijn van de auteurs zelf, in het Engels, en worden niet vertaald.
Hoe lees je de beveiligingscontrole?
skills.sh publiceert controles van skills, en wij tonen de uitkomst: “Geslaagd”, “Waarschuwingen”, “Mislukt” of “Niet gecontroleerd”. Een geslaagde controle is geen garantie. Een skill kan scripts bevatten die je agent uitvoert op je eigen machine, met toegang tot je bestanden. Lees daarom de code in de repository voordat je een skill installeert, zeker bij “Waarschuwingen” of “Niet gecontroleerd”. Ook het aantal installaties zegt iets, maar niet alles: die telt skills.sh, en populair is niet hetzelfde als veilig.
Waar begin je?
Kies eerst je agent in het filter, zodat je alleen skills ziet die erbij passen. Zoek dan op het onderwerp waar je agent nu tekortschiet, lees de SKILL.md in de repository en kopieer pas daarna het commando. Welke agents er zijn, lees je bij codeeragents.