Volver a projects
Feb 25, 2026
3 min read

Playwright con Agent Skills

Un agente skill de automatización E2E de Playwright para generar proyectos de prueba escalables y de mejores prácticas.

E2E Agent Skills

Colección de skills orientados a automatización end-to-end para agentes de IA.

Incluye buenas prácticas, estructura escalable, patrones recomendados y comandos de scaffolding para proyectos E2E profesionales.


📦 Instalación

Puedes instalar el skill directamente desde GitHub usando:

npx skills add jmr85/e2e-agent-skills

🛠 Requisitos

  • Node.js 18+
  • npm o pnpm
  • CLI compatible con skills (por ejemplo OpenCode, Claude Code u otros agentes compatibles)

🚀 Uso

Una vez instalado, el agente podrá:

  • Generar estructura profesional de proyectos Playwright
  • Aplicar Page Object Model
  • Crear tests organizados por feature
  • Implementar buenas prácticas anti-flaky
  • Aplicar convenciones de naming
  • Generar scaffolding para nuevos módulos
  • Sugerir estrategias de debugging

Ejemplo de uso dentro del agente:

Crea una estructura Playwright profesional usando el skill playwright-automation-expert

O:

Genera un test E2E aplicando Page Object Model y buenas prácticas anti-flaky

El skill se cargará automáticamente cuando menciones términos relacionados con:

  • Playwright
  • E2E test / end-to-end
  • Browser testing / automation
  • Page Object Model
  • API testing / REST API
  • Project structure / folder layout
  • Visual testing

📂 Estructura Recomendada

e2e/
 ├── tests/
 │    ├── login/
 │    ├── checkout/
 │    └── profile/
 ├── pages/
 ├── fixtures/
 ├── utils/
 └── playwright.config.ts

🧠 Qué incluye el skill

  • Guías de debugging de tests flaky
  • Organización basada en features
  • Convenciones de naming
  • Buen uso de locators y selectores
  • Page Object Model escalable
  • Buenas prácticas para API testing con Playwright
  • Anti-patterns comunes y cómo evitarlos

🔧 Ejemplo de Scaffold

El skill puede generar automáticamente:

  • Estructura base de proyecto
  • Configuración inicial de Playwright
  • Scripts npm recomendados
  • Plantillas de Page Objects
  • Plantillas de tests

📈 Buenas prácticas promovidas

✔ Uso de locators estables
✔ Evitar waitForTimeout
✔ Uso correcto de fixtures
✔ Separación clara entre test y lógica de página
✔ Reintentos estratégicos
✔ Debugging con tracing y screenshots


📝 License

MIT License - See LICENSE file for details.