Habilidades dev-tools-skill

📦

dev-tools-skill

Name: dev-tools-skill
Author: Eccentric-jamaican

Revisión del contenido r1 Seguro ⚙️ Comandos externos

Depura aplicaciones web con Chrome DevTools

Los errores de frontend pueden ser difíciles de reproducir solo a partir del código. Esta skill guía a Claude, Codex y Claude Code en la recopilación de evidencia con Chrome DevTools MCP.

Compatible con: Claude Codex Code(CC)

📊 75 Adecuado

Instalar con mi Agente

Copia esta solicitud en tu Agente. Incluye la página canónica del Skill y el manifiesto.

Solicitud de agente

Review the Skillstore skill "dev-tools-skill" from https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill.md and its manifest at https://skillstore.io/api/skills/eccentric-jamaican-dev-tools-skill/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

Tu Agente debe seguir mostrando su plan y solicitar cualquier confirmación exigida por la política de seguridad.

Recursos legibles por agentes

Usa estos enlaces cuando un agente de IA, crawler o script necesite contexto limpio en vez de leer la página completa.

Detalle Markdown GET /skills/eccentric-jamaican-dev-tools-skill.md Manifest firmado GET /api/skills/eccentric-jamaican-dev-tools-skill/manifest Lockfile firmado GET /api/skills/eccentric-jamaican-dev-tools-skill/lockfile

Pruébalo

Usando "dev-tools-skill". Mi página de producto carga como una pantalla en blanco.

Resultado esperado:

La consola muestra el primer error de la app durante la carga. La causa probable es la falta de datos antes del renderizado. Corrección sugerida: proteger el estado del componente y validar con una recarga.

Usando "dev-tools-skill". La landing page se siente lenta en la primera carga.

Resultado esperado:

La traza apunta a un LCP lento causado por una imagen hero grande. Corrección sugerida: servir tamaños de imagen responsivos y diferir scripts no críticos.

Usando "dev-tools-skill". El inicio de sesión del dashboard funciona, pero no aparece ningún dato.

Resultado esperado:

La solicitud fallida devuelve un error de autorización. Corrección sugerida: verificar el auth header y la ruta de actualización del token, luego volver a probar el flujo.

Auditoría de seguridad

Seguro

v8 • 5/7/2026 Abrir el informe versionado

All static findings were false positives caused by Markdown inline code for DevTools MCP tool names or benign debugging guidance. No prompt injection, data exfiltration intent, or malicious automation instructions were found. The skill emphasizes evidence gathering, read-only inspection where possible, and confirmation before destructive actions.

Archivos escaneados

186

Líneas analizadas

Elementos de revisión

Falsos positivos ignorados

Factores de riesgo

⚙️ Comandos externos (15)

SKILL.md:27 SKILL.md:29 SKILL.md:30 SKILL.md:34 SKILL.md:35 SKILL.md:36 SKILL.md:37 SKILL.md:41 SKILL.md:42 SKILL.md:48 SKILL.md:64 SKILL.md:65 SKILL.md:66 SKILL.md:67 SKILL.md:68

La auditoría estática y semántica completada más reciente no detectó hallazgos de seguridad confirmados. Esto no demuestra que el skill no tenga efectos secundarios.

Auditado por: codex Ver historial de auditorías →

Compartir y citar este informe

Comparte el informe de evaluación versionado, la insignia neutral, la tarjeta insertable y las citas. Skillstore presenta evidencias sin decidir si este Skill es seguro.

Abrir el informe versionado

Copiar enlace del informe

https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Insignia Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg)](https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge)

Insignia HTML

<a href="https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/eccentric-jamaican-dev-tools-skill/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Tarjeta para insertar

<iframe src="https://skillstore.io/embed/skills/eccentric-jamaican-dev-tools-skill.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

Citas académicas (APA · BibTeX · CFF)

Cita APA

Eccentric-jamaican. (2026). dev-tools-skill security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8

Cita BibTeX

@techreport{eccentric-jamaican-eccentric-jamaican-dev-tools-skill-2026,
  author = {Eccentric-jamaican},
  title = {dev-tools-skill security audit report (audit version 8)},
  institution = {Skillstore},
  year = {2026},
  number = {8},
  url = {https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "dev-tools-skill security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
  - name: "Eccentric-jamaican"
date-released: "2026-07-05"
url: "https://skillstore.io/skills/eccentric-jamaican-dev-tools-skill/audits/8"
identifiers:
  - type: other
    value: "skillstore:eccentric-jamaican-dev-tools-skill:audit:8"
    description: "Skillstore immutable audit report identifier"

Puntuación de Skillstore

Por qué esta puntuación Confianza de la evidencia: Alto

Arquitectura

Mantenibilidad

Contenido

Comunidad

Cumplimiento de la especificación

Lo que puedes crear

Diagnosticar errores de interacción en la UI

Inspecciona snapshots, capturas de pantalla, estilos computados e interacciones del navegador para encontrar problemas de diseño o de clics.

Investigar flujos fallidos del navegador

Revisa errores de consola y solicitudes de red para identificar endpoints fallidos, problemas de payload o problemas de CORS.

Clasificar páginas web lentas

Ejecuta trazas de rendimiento, analiza los principales insights y los relaciona con cuellos de botella de assets, scripts o diseño.

Prueba estos prompts

Inspeccionar un error básico de UI

Usa la skill de DevTools para inspeccionar esta página y explicar por qué el botón no responde. Describe cada paso en lenguaje sencillo.

Encontrar una solicitud fallida

Usa la skill de DevTools para revisar la evidencia de consola y red de este flujo de inicio de sesión fallido. Encuentra la primera solicitud fallida y sugiere una corrección mínima.

Trazar una página lenta

Usa la skill de DevTools para ejecutar una traza de rendimiento con recarga, identificar el insight principal y conectarlo con evidencia de red o diseño.

Comparar diseños responsivos

Usa la skill de DevTools para comparar diseños de escritorio y móvil, inspeccionar estilos computados, reproducir la interacción y proponer un plan de parche reversible.

Mejores prácticas

Empieza con un snapshot, mensajes de consola y solicitudes de red antes de cambiar código.
Mantén los scripts DOM en modo de solo lectura a menos que el usuario apruebe una mutación controlada.
Resume la evidencia, la causa probable, la corrección más pequeña y los pasos de validación.

Evitar

Enviar formularios o activar acciones destructivas sin confirmación explícita del usuario.
Saltar a un cambio de código antes de recopilar evidencia del navegador.
Ejecutar mutaciones amplias del DOM durante el diagnóstico cuando basta con observar.