S Skillteca
Receber por email
Explorar Categorias Coleções Newsletter
← Voltar para o catálogo

dev-tools-skill

Pesquisa e Web Autor: bg-szy

Use para depurar aplicativos web com Chrome DevTools, abordando bugs de UI, erros de console, falhas de rede ou problemas de desempenho. É ideal para usuários inexperientes que precisam de diagnóstico guiado e passo a passo.

2estrelas
Atualizado há 4 meses
Ver no GitHub ↗

Como adicionar

/plugin marketplace add bg-szy/TOP-SKILLS

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/dev-tools-skill-bg-szy/svg)](https://www.skillteca.com.br/skills/dev-tools-skill-bg-szy)
#ai #api #mcp

Skills relacionadas

Ver todas de Pesquisa e Web →

understand-domain

64.4k

Extrai conhecimento do domínio de negócio de uma base de código e gera um grafo interativo de fluxo de domínio. Funciona de forma autônoma (varredura leve) ou deriva de um grafo de conhecimento /understand existente.

Pesquisa e Web #ai por Lum1104

understand-dashboard

64.4k 2

Lance o painel web interativo para visualizar o grafo de conhecimento de uma base de código.

Pesquisa e Web por Lum1104

understand-chat

64.4k

Use quando precisar fazer perguntas sobre uma base de código ou entender código usando um grafo de conhecimento.

Pesquisa e Web por Lum1104

dev-browser

63k

Automatiza interações do navegador com estado de página persistente. Utilize para navegar em sites, preencher formulários, tirar capturas de tela, extrair dados da web, testar aplicativos ou automatizar fluxos de trabalho do navegador.

Pesquisa e Web #test por code-yeongyu

Alerta por categoria

Receba novas skills de Pesquisa e Web toda segunda

1 email curto, só com as skills novas de Pesquisa e Web. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

Dev Tools Skill

Overview

Use the Chrome DevTools MCP server to diagnose and fix frontend issues by observing the live page, gathering evidence (console, network, performance), and proposing targeted code changes.

Quick Start

  1. Confirm the user wants DevTools used (or they already asked).
  2. Open the target page, then take an a11y snapshot.
  3. Triage via console + network + quick DOM inspection.
  4. Choose the appropriate workflow below and follow it end-to-end.
  5. Summarize findings +

[Description truncada. Veja o README completo no GitHub.]

Compartilhar X LinkedIn