Skill individual para IA · IA para Desarrollo Web

chrome-devtools

Browser lifecycle: Browser starts automatically on first tool call using a persistent Chrome profile. Configure via CLI args in the MCP server configuration: npx chrome-devtools-mcp@latest --help.

Contenido de origen · revisión pendiente Idioma de origen: EN

Esta ficha muestra el contenido disponible en su idioma de origen.

Elige cómo usas la IA

Para proyectos ChatGPT · Gemini · Claude Para agentes Cursor · Claude Code · Codex

Ver cómo se usa

ZIP gratuito · Un único método canónico · Ejemplo de uso · Guía de instalación · Avisos de licencia

Qué recibes

Un método. Sin relleno.

01
SKILL.md / Instrucciones de proyecto
El mismo método, preparado para tu forma de trabajar.
02
EJEMPLO-DE-USO.md
Una petición que puedes adaptar a tu caso.
03
INSTALAR-CON-TU-IA.md
La ruta para interfaces web y agentes.

Versión: 1.0.1
Formato: Agnóstico
Acceso: Gratis con cuenta

Del archivo al resultado útil

Cómo pedir trabajo con esta skill instalada

Instalar la skill da un método a tu IA. Tu petición todavía debe aportar los hechos del caso, las restricciones y el entregable esperado.

1Nombra la tarea real

Describe la decisión o el entregable, no solo el tema.

2Aporta la información

Añade materiales, público, límites y hechos conocidos.

3Define qué significa acabado

Fija formato, criterios de calidad y comprobaciones.

Petición inicial adaptable Sustituye los corchetes por tu caso

Aplica la skill «chrome-devtools» a esta tarea.

Objetivo: [describe el resultado que necesitas]
Contexto: [empresa, público, situación y restricciones]
Material de partida: [pega o adjunta la información relevante]
Entregable: [formato, extensión y criterios de aceptación]

Antes de producir el resultado, enumera la información imprescindible que falta. No inventes datos. Explicita los supuestos e incluye una lista final de comprobación.

Errores que conviene evitar

If chrome-devtools-mcp is insufficient, guide users to use Chrome DevTools UI:

https://developer.chrome.com/docs/devtools
https://developer.chrome.com/docs/devtools/ai-assistance

If there are errors launching chrome-devtools-mcp or Chrome, refer to https://github.com/ChromeDevTools/chrome-devtools-mcp/blob/main/docs/troubleshooting.md.

Elige el alcance adecuado

Packs que incluyen esta skill

Descarga solo este método o llévatelo junto con el resto de su área profesional.

Esta ficha

Skill individual

La descarga útil más pequeña, preparada para un proyecto web o para un agente.

Elegir formato →

Pack profesional

IA para Desarrollo Web

Esta skill junto a los demás métodos seleccionados para esta área profesional.

Explorar el pack →

Mismo método, distinta instalación

¿Dónde vas a usarla?

No duplicamos la skill para cada plataforma. Conservamos un método canónico y explicamos la ruta de instalación correcta.

01 ChatGPT

Úsala como conocimiento e instrucciones de un proyecto.

Abrir guía de interfaz web → 02 Claude

Añádela a un Proyecto y separa el material de cada caso.

Abrir guía de interfaz web → 03 Agentes e IDEs

Instala SKILL.md en la ruta esperada por tu agente.

Comparar guías de agentes →

Trazable por diseño

El origen y la licencia viajan con el archivo.

SkillsBundle cataloga material propio y de terceros. Su inclusión no atribuye la autoría original a SkillsBundle. El ZIP individual conserva la ruta canónica del catálogo e incluye los avisos de licencia aplicables.

Ruta de catálogo: skills/transversal/chrome-devtools-mcp/skills/chrome-devtools
Origen de la ficha: Extraída de SKILL.md

Leer términos y política de licencias →

Empieza por una tarea real

Instala el método. Conserva tu criterio.

Elegir formato