por Juanjo LunaProbar con Chrome DevTools
Te ayuda a probar y depurar lo que corre en un navegador real usando Chrome DevTools MCP. Te sirve cuando necesitas ver el DOM, errores de consola, red o rendimiento.
Descripción original (inglés)
browser-testing-with-devtools: Tests in real browsers via Chrome DevTools MCP. Use when building or debugging anything that runs in a browser. Use when you need to inspect the DOM, capture console errors, analyze network requests, profile performance, or verify visual output with real runtime data. Requires the chrome-devtools MCP server to be configured.
Cómo instalarla
Una skill es una carpeta con un fichero SKILL.md. Para instalarla basta con copiar la carpeta browser-testing-with-devtools 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/addyosmani/agent-skills.git /tmp/skill-src
mkdir -p ~/.claude/skills
cp -r "/tmp/skill-src/skills/browser-testing-with-devtools" ~/.claude/skills/browser-testing-with-devtools
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 addyosmani/agent-skills
- Diseñar APIs e interfaces api-and-interface-design
- Automatizar CI/CD ci-cd-and-automation
- Revisar código con calidad code-review-and-quality
- Simplificar código code-simplification
- Definir límites de calidad constraint-driven-development
- Preparar el contexto del agente context-engineering
- Depurar errores sistemáticamente debugging-and-error-recovery
- Migrar y retirar sistemas deprecation-and-migration
Explicación redactada con ayuda de IA a partir de la descripción original.