por Juanjo LunaDepurar interfaces con navegador
Te ayuda a probar y depurar interfaces web en un navegador persistente con Electron. Sirve para iterar rápido en problemas de interfaz.
Descripción original (inglés)
playwright-interactive: Persistent browser and Electron interaction through `js_repl` for fast iterative UI debugging.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta playwright-interactive en el sitio donde tu agente busca sus skills.
- Sin terminal: abre la carpeta en GitHub, descárgala y cópiala en la carpeta de tu agente (tabla de abajo).
- Con terminal (macOS, Linux o Git Bash en Windows): elige tu agente y copia los comandos.
git clone --depth 1 https://github.com/openai/skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/.curated/playwright-interactive" ~/.claude/skills/playwright-interactive
rm -rf /tmp/skill-src| Agente | Para todos tus proyectos | Solo un proyecto |
|---|---|---|
| Claude Code | ~/.claude/skills | .claude/skills |
| GitHub Copilot | ~/.copilot/skills | .github/skills |
| Codex | ~/.agents/skills | .agents/skills |
| Gemini CLI | ~/.gemini/skills | .gemini/skills |
Muchos agentes leen también .agents/skills. Reinicia el agente después de instalar. Antes de instalar una skill, revisa su SKILL.md y los scripts que incluya: se ejecutan con tus permisos.
Más skills de openai/skills
- Trabajar con ASP.NET Core aspnet-core
- Crear apps con ChatGPT Apps chatgpt-apps
- Crear herramientas de línea de comandos cli-creator
- Desplegar en Cloudflare cloudflare-deploy
- Definir un objetivo concreto define-goal
- Trabajar con Figma figma
- Vincular Figma con componentes figma-code-connect-components
- Crear reglas de diseño para Figma figma-create-design-system-rules
Explicación redactada con ayuda de IA a partir de la descripción original.