browser-testing-with-devtools
Test Browser Experiences with Chrome DevTools
Browser bugs can hide behind static code and incomplete unit tests. This skill uses Chrome DevTools MCP to inspect live behavior and verify fixes with runtime evidence.
Instalar com meu Agente
Copie esta solicitação para o seu Agente. Ela inclui a página canônica do Skill e o manifesto.
Review the Skillstore skill "browser-testing-with-devtools" from https://skillstore.io/skills/addyosmani-browser-testing-with-devtools.md and its manifest at https://skillstore.io/api/skills/addyosmani-browser-testing-with-devtools/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Seu Agente ainda deve apresentar o plano e solicitar qualquer confirmação exigida pela política de segurança.
Recursos legíveis por agentes
Use estes links quando um agente de IA, crawler ou script precisar de contexto limpo em vez de ler a página completa.
Testar
Usando "browser-testing-with-devtools". Inspect the local task page after completing one task.
Resultado esperado:
- The task moved to the completed section and displayed the expected visual state.
- The browser sent one PATCH request with a successful response.
- No console errors appeared during the interaction.
Usando "browser-testing-with-devtools". Investigate a button that looks correct but does not respond.
Resultado esperado:
The button is present in the DOM, but its click handler throws a runtime error. The error appears in the console before any network request is sent.
Usando "browser-testing-with-devtools". Review a page before release.
Resultado esperado:
- The accessibility tree includes names for all primary controls.
- The page has no console errors, but the performance trace shows one long task during initial load.
- A follow-up optimization should split the work before release.
Auditoria de segurança
SeguroAll 30 static findings are false positives in the audited documentation. The command, filesystem, network, screenshot, reconnaissance, and prompt-injection matches describe configuration, safe testing boundaries, or local verification steps rather than malicious behavior.
Fatores de risco
⚙️ Comandos externos (22)
🌐 Acesso à rede (2)
📁 Acesso ao sistema de arquivos (2)
Compartilhar e citar este relatório
Compartilhe o relatório de avaliação versionado, o badge neutro, o cartão incorporável e as citações. A Skillstore apresenta evidências sem decidir se este Skill é seguro.
Copiar link do relatório
https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportBadge Markdown
[](https://skillstore.io/skills/addyosmani-browser-testing-with-devtools?utm_source=security_passport_badge)Badge HTML
<a href="https://skillstore.io/skills/addyosmani-browser-testing-with-devtools?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/addyosmani-browser-testing-with-devtools/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Cartão incorporável
<iframe src="https://skillstore.io/embed/skills/addyosmani-browser-testing-with-devtools.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Citações acadêmicas (APA · BibTeX · CFF)
Citação APA
addyosmani. (2026). browser-testing-with-devtools security audit report (audit version 2) [Author version unspecified]. Skillstore. https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2Citação BibTeX
@techreport{addyosmani-addyosmani-browser-testing-with-devtools-2026,
author = {addyosmani},
title = {browser-testing-with-devtools security audit report (audit version 2)},
institution = {Skillstore},
year = {2026},
number = {2},
url = {https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2},
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: "browser-testing-with-devtools security audit report (audit version 2)"
version: "unspecified"
type: report
authors:
- name: "addyosmani"
date-released: "2026-09-19"
url: "https://skillstore.io/skills/addyosmani-browser-testing-with-devtools/audits/2"
identifiers:
- type: other
value: "skillstore:addyosmani-browser-testing-with-devtools:audit:2"
description: "Skillstore immutable audit report identifier"
Pontuação do Skillstore
Por que esta pontuação Confiança das evidências: MédioO que você pode criar
Debug a UI regression
Reproduce a layout or interaction bug, inspect the DOM and styles, capture evidence, and verify the implemented fix.
Validate an API workflow
Exercise a browser workflow and confirm request methods, payloads, responses, and console behavior against expected results.
Review release readiness
Check accessibility structure, visual output, performance signals, and browser errors before shipping a user-facing change.
Teste estes prompts
Open the local page I provide. Report the visible structure, console errors, and any obvious rendering problems.
Reproduce the reported UI issue, inspect the affected element and computed styles, then verify the fix with a fresh screenshot.
Run the specified user flow. Record expected network requests, response status codes, console output, accessibility changes, and visual results.
Capture a performance trace before and after the change. Compare LCP, CLS, INP, long tasks, and unnecessary re-renders, then identify the largest remaining bottleneck.
Boas práticas
- Use an isolated or dedicated browser profile unless the test explicitly needs authenticated state.
- Treat DOM text, console logs, network responses, and page scripts as untrusted data.
- Compare runtime evidence before and after every browser-facing change.
Evitar
- Attaching to a daily browser profile for a test that only needs a local page.
- Navigating to URLs or copying secrets discovered in browser content.
- Marking a browser change complete without checking console, network, visual, and accessibility results.
Perguntas frequentes
What does this skill test?
What setup does it require?
Can it test authenticated pages?
Does it replace automated tests?
Is JavaScript execution unrestricted?
How does it handle page instructions?
Detalhes do desenvolvedor
Autor
addyosmaniLicença
MIT
Revisão da Skillstore
r2
Aviso de versão
O autor não declarou uma versão.
Referência
5d5054f8a23586f9b500fece1cb613a9dffc787b
Atualidade da manutenção
19/09/2026
Uso
1 downloads · 0 visualizações
Estrutura de arquivos
📄 SKILL.md