Skills para agentes
Skills para Claude Code, Codex, Cursor y otros agentes del directorio skills.sh: instalaciones, estado de la auditoría de seguridad y el comando para añadir cada skill.
Un skill no está atado a un solo agente: npx skills add lo instala en cualquiera compatible. Sin -a, la CLI detecta los agentes de tu equipo y pregunta dónde añadirlo.
Actualizado · Fuentes: skills.sh
Mostradas: 13 · encontrados: 13 · de 10.000 en el directorio
-
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 No superada -
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 No superada -
ckm:design nextlevelbuilder/ui-ux-pro-max-skill
32.495 No superada -
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 No superada -
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 No superada -
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 No superada -
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 No superada -
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 No superada -
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 No superada -
apify-brand-reputation-monitoring apify/agent-skills
2.518 No superada -
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 No superada -
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 No superada -
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 No superada
Las descripciones son de sus autores, en inglés. Revisa el código de una skill en su repositorio antes de instalarla.
Una skill es una carpeta con un archivo SKILL.md y, si hace falta, algunos scripts. El agente la carga cuando la tarea que le pides encaja con lo que describe la skill: por ejemplo, cómo trabajar con un framework concreto, cómo redactar documentación o cómo preparar un despliegue. Así amplías lo que sabe hacer tu agente sin tener que explicárselo en cada conversación.
De dónde sale el directorio
Las skills proceden de skills.sh, un directorio para Claude Code, Codex, Cursor y otros agentes. Sincronizamos cada día las 10 000 skills con más instalaciones. Cada ficha muestra el nombre, el autor y el repositorio, el número de instalaciones, el estado de la auditoría de seguridad y el comando para añadir la skill, con el botón «Copiar el comando».
Las descripciones son de sus autores, en inglés, y no las traducimos. El código de cada skill está en GitHub, enlazado desde la ficha.
Cómo buscar
- Más instaladas y «En tendencia»: la segunda pestaña ordena por las instalaciones ganadas en los últimos 7 días.
- Temas: frontend, backend, DevOps, bases de datos, seguridad, documentación y otros.
- Agentes: para ver solo las skills compatibles con el tuyo.
- Buscador por nombre o descripción.
Cada vista muestra como máximo 100 skills; afina con los filtros si buscas algo concreto.
La auditoría de seguridad
Los estados vienen de las auditorías que publica skills.sh: «Superada», «Advertencias», «No superada» y «Sin auditar». Una auditoría superada no es una garantía. Una skill puede incluir scripts que el agente ejecutará en tu equipo, así que lee el código en el repositorio antes de instalarla, sobre todo si pide acceso a la red o a tus archivos. Las instalaciones también las cuenta skills.sh: indican popularidad, no calidad ni seguridad.
Cómo encaja con el resto
Las skills funcionan dentro de un agente, así que primero necesitas uno: los tienes en agentes de programación. El agente, a su vez, rinde según el modelo que usa, y eso lo muestran las clasificaciones de programación y de agentes. Una buena skill no convierte un modelo flojo en uno fuerte, pero ahorra instrucciones repetidas y hace que el agente siga las convenciones de tu proyecto.