# Playwright

> Automatiza un navegador real desde la terminal (navegación, rellenar formularios, snapshots, capturas, extracción de datos, depuración de flujos de UI) con `playwright-cli` o el wrapper incluido.

Fuente: https://skillsagentes.com/skills/rbrown101010/rileys-skills/playwright
Markdown: https://skillsagentes.com/skills/rbrown101010/rileys-skills/playwright.md

Repositorio: https://github.com/rbrown101010/rileys-skills
Autor: rbrown101010
Licencia: no declarada
Actualizado: hace 3 meses
Coste de contexto: 52 tok instalada, 943 tok al activarse, 5.7k tok con todos los archivos del bundle
Bundle: 9 archivos, 22 KB
Permisos que pide: ninguno declarado

## Instalación

Un skill son archivos markdown: los mismos archivos valen para cualquier agente y lo único que cambia es el directorio de destino, es decir la bandera `--agent`. Añade `-g` para instalarlo en todos los proyectos de la máquina.

```bash
# Claude Code
npx -y skills add rbrown101010/rileys-skills --skill playwright --agent claude-code
# Cursor
npx -y skills add rbrown101010/rileys-skills --skill playwright --agent cursor
# Codex
npx -y skills add rbrown101010/rileys-skills --skill playwright --agent codex
# Gemini CLI
npx -y skills add rbrown101010/rileys-skills --skill playwright --agent gemini
# Windsurf
npx -y skills add rbrown101010/rileys-skills --skill playwright --agent windsurf
# Cline
npx -y skills add rbrown101010/rileys-skills --skill playwright --agent cline
```

## Qué hace

- Automatiza un navegador real desde la terminal con `playwright-cli` (o su wrapper) para navegar, rellenar formularios, hacer snapshots y capturas
- Usa snapshots para obtener referencias estables de elementos (por ejemplo `e12`) y las reutiliza para hacer clic, escribir o pulsar teclas
- Vuelve a hacer snapshot tras navegación, cambios grandes de UI, apertura/cierre de modales o cambios de pestaña
- Captura trazas, PDFs y otros artefactos cuando es útil, guardándolos en `output/playwright/`

## Cuándo usarla

- Automatizar un navegador real desde la terminal: navegación, rellenar formularios, snapshots, capturas, extracción de datos
- Depurar un flujo de UI paso a paso
- El usuario no pide explícitamente archivos de test con `@playwright/test`

## Qué la activa

- "Abre esta web y haz snapshot de los elementos"
- "Rellena este formulario y envíalo con Playwright"
- "Depura este flujo de checkout con trazas de Playwright"

## Antes de instalar

- Necesita `npx` disponible (Node.js/npm instalado) para que el wrapper de `playwright-cli` funcione.
- Necesita en el PATH: node, npm
- Variables de entorno: CODEX_HOME, PLAYWRIGHT_CLI_SESSION, PWCLI
- makes network requests
- reads environment config

## Archivos

- LICENSE.txt — 11 KB
- NOTICE.txt — 403 B
- SKILL.md — 4 KB
- agents/openai.yaml — 313 B
- assets/playwright-small.svg — 828 B
- assets/playwright.png — 2 KB
- references/cli.md — 2 KB
- references/workflows.md — 2 KB
- scripts/playwright_cli.sh — 526 B

## SKILL.md

No se reproduce aquí. Léelo en https://github.com/rbrown101010/rileys-skills/blob/main/playwright/SKILL.md

## Dónde encaja

- Categoría: [Automatización](https://skillsagentes.com/categorias/automatizacion.md) — Flujos de varios pasos que se ejecutan sin supervisión.
- Creador: [rbrown101010](https://skillsagentes.com/creators/rbrown101010.md) — 0 skills en el directorio
- [Todas las skills](https://skillsagentes.com/skills.md)
- [Ranking de instalaciones](https://skillsagentes.com/ranking.md)

## Otras skills del mismo repositorio

- [Docimations](https://skillsagentes.com/skills/rbrown101010/rileys-skills/docimations.md): Crea diagramas animados SVG a GIF para Google Docs: flowcharts, diagramas de proceso, líneas de tiempo, árboles de decisión y mapas de contexto listos para insertar en un Doc nativo.
- [Firebase Cli](https://skillsagentes.com/skills/rbrown101010/rileys-skills/firebase-cli.md): Trabaja con Firebase desde la terminal: repara o instala el CLI, autentica, selecciona proyectos, gestiona bases Firestore y Realtime Database, registra apps e imprime la config del SDK.
- [Mobile App](https://skillsagentes.com/skills/rbrown101010/rileys-skills/mobile-app.md): Crea, prototipa, despliega, previsualiza, firma e instala apps móviles. Cubre proyectos móviles con Vibecode CLI, prototipos de diseño local y herramientas integradas de build/firma/instalación para iOS.
- [Notion Full Control](https://skillsagentes.com/skills/rbrown101010/rileys-skills/notion-full-control.md): Acceso directo y completo a la API de Notion fuera del conector integrado: buscar páginas y bases de datos, inspeccionar esquemas, consultar filas, crear o actualizar páginas, añadir bloques y peticiones raw.
- [Chronicle](https://skillsagentes.com/skills/rbrown101010/rileys-skills/chronicle.md): Permite ver la pantalla del usuario y varias horas de historial. Debe usarse para resolver ambigüedad en una petición, o si el usuario pregunta sobre Chronicle o qué se ve en su pantalla.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)