Qué hace

Permite a Claude Code comprobar de verdad lo que acaba de construir: abre la aplicación en un navegador controlado, navega, rellena formularios, hace clic, lee los errores de la consola y hace capturas. Sirve para detectar fallos antes de que los vea nadie.

Para quién es

Quien construye páginas o aplicaciones web con Claude Code, aunque no programe.

Peticiones que la activan

Claude carga la skill cuando tu petición encaja con su descripción. Tres ejemplos que funcionan:

Abre la web en el navegador y comprueba que el formulario de contacto funciona.
Haz capturas de la portada en móvil y escritorio.
Revisa si hay errores en la consola al cargar la página.
Publicidad

Cómo descargarla e instalarla

Ver y descargar en GitHub ZIP con todas las skills

Un comando en la terminal (Claude Code, Cursor, Codex, Copilot…)

npx skills add anthropics/skills

Solo en Claude Code, con dos comandos (instala el paquete completo)

/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skills

En Claude Code, solo esta skill

  1. Descarga el ZIP del repositorio (botón de arriba) y descomprímelo.
  2. Copia la carpeta skills/webapp-testing a ~/.claude/skills/ (Windows: C:\Users\TU_USUARIO\.claude\skills\).
  3. Reinicia Claude Code y pide la tarea, o escribe /webapp-testing.

En claude.ai

Descarga la carpeta de la skill (enlace de arriba), comprímela en un ZIP y súbela desde Ajustes › Capacidades › Skills (planes de pago). Las skills que dependen de tu ordenador (navegador, archivos locales) están pensadas para Claude Code. Guía oficial: usar skills en Claude.

Consejos

  • Pídele que pruebe después de cada cambio importante; es barato y evita sorpresas.
  • Las capturas sirven también para documentar.

Límites

  • Necesita instalar Playwright la primera vez (Claude lo hace por ti).
  • Aplicaciones con inicio de sesión requieren credenciales de prueba.

Preguntas frecuentes

¿Cómo sé si la skill se ha activado?

En Claude Code aparece un aviso de que se ha cargado. En claude.ai, el resultado sigue el formato de la skill (por ejemplo, aparece un archivo para descargar). Si dudas, pregúntale a Claude qué skill ha usado.

¿Puedo modificarla?

Sí. Es una carpeta con un archivo SKILL.md de texto. Cópiala con otro nombre, cambia las instrucciones y tendrás tu versión. Si la cambias mucho, cambia también la descripción para que Claude sepa cuándo usar cada una.

¿Es gratis?

La skill sí (código público). Usarla en claude.ai requiere un plan de pago; en Claude Code está incluida en los planes que dan acceso a la herramienta.