CtrlK
BlogDocsLog inGet started
Tessl Logo

chrome-devtools-verify

Live verification of frontend changes in dev-app.nicolify.com using Chrome DevTools MCP from WSL2. Use when: verifying a frontend bug fix, reproducing a user-reported UI bug step-by-step, checking real-time SSE/polling behavior, validating card/form interactions, inspecting DOM or console or network live, or any task where 'me lo muestres en el navegador' would be cheaper than guessing. Triggers: 'verifica en el navegador', 'prueba con chrome-devtools', 'reproduce el bug en vivo', 'abrí el navegador', 'chrome-devtools-mcp', 'live test', 'verify UI fix'.

76

Quality

95%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

88%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A strong, highly actionable body: every command is executable, the bootstrap and verification workflows have explicit checkpoints and error-recovery fallbacks, and the content is almost entirely non-obvious environment knowledge. The main weaknesses are redundancy (the chrome-wsl failure explained three times, duplicate curl check), unquarantined date-stamped information, and separable project-specific material (cheat sheet, DB probes) inlined in an already long single file.

Suggestions

Explain the @dbalabka/chrome-wsl failure once (e.g., in the comparison table) and reference it from the bootstrap warning and pitfall #5 instead of restating the root cause in all three places; likewise, state the curl reachability check once.

Move the date-stamped bug-hunting cheat sheet and the DB quick probes into a references/ file (e.g., NICOLIFY-PATTERNS.md), keeping SKILL.md as the lean bootstrap + workflow core and linking to them — this also isolates time-sensitive 2026-04 patterns in a clearly marked section.

Trim the duplicate 'WSL verification' curl block (it repeats the Bootstrap check verbatim) and compress the PowerShell gotchas list to the two rules that matter (Start-Process -ArgumentList as the canonical spawn; avoid $env:TEMP in quoted args).

DimensionReasoningScore

Conciseness

The body is dense with environment-specific knowledge Claude would not know (mirrored networking config, PS 5.1 parser quirks, Chrome 136 profile restriction), but it repeats the @dbalabka/chrome-wsl failure three times (bootstrap warning, comparison table, pitfall #5), duplicates the curl reachability check, and embeds time-sensitive date stamps ("Verified working 2026-04-24", "Nicolify 2026-04-23 patterns") outside any 'old patterns' section. These are minor trim candidates rather than broad over-explanation, so anchor 4 fits better than 3.

4 / 5

Actionability

Everything is copy-paste ready: the exact curl probe with expected output, the .wslconfig ini block, `claude mcp add/remove` commands, the `Start-Process -ArgumentList` launch line, psql/redis-cli probes, and executable `evaluate_script` snippets covering the common cases (click-by-text, store inspection, authenticated fetch). Placeholders like `<uuid>` are appropriate parameterization, not pseudocode.

5 / 5

Workflow Clarity

Bootstrap is a check-then-branch sequence with explicit expected output, and the 9-step bug-reproduction workflow ends with an explicit verification loop ("Repeat 1–6 to verify"). The pitfalls section doubles as an error-recovery checklist (e.g., click timeout → `evaluate_script` fallback; navigate timeout → follow with `wait_for`). This is verification, not destructive/batch work, so no validation cap applies.

5 / 5

Progressive Disclosure

The single file is well-sectioned with clear headers and a clearly signaled References list (external links only; no bundle files exist). However, at ~180 lines it contains separable content — the dated project-specific bug-hunting cheat sheet and the DB quick probes — that could live in reference files, so it falls short of the anchor-5 split-content pattern and the under-50-line exception.

4 / 5

Total

18

/

20

Passed

Description

100%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

An exemplary description: it states a concrete what, an explicit and exhaustive when, and bilingual natural trigger phrases covering the user's actual phrasing. It is specific, complete, and highly distinctive with essentially no overlap risk.

DimensionReasoningScore

Specificity

The description lists multiple concrete, specific actions — "verifying a frontend bug fix, reproducing a user-reported UI bug step-by-step, checking real-time SSE/polling behavior, validating card/form interactions, inspecting DOM or console or network live" — with comprehensive coverage of the skill's scope. It uses third-person phrasing ("Live verification of…"), so no voice penalty applies.

5 / 5

Completeness

It explicitly answers both what ("Live verification of frontend changes in dev-app.nicolify.com using Chrome DevTools MCP from WSL2") and when ("Use when: verifying a frontend bug fix… Triggers: 'verifica en el navegador'…") with concrete trigger phrases, matching the top anchor exactly.

5 / 5

Trigger Term Quality

Trigger coverage is comprehensive and natural in both languages the user speaks: "verifica en el navegador", "reproduce el bug en vivo", "abrí el navegador", "me lo muestres en el navegador", plus "live test", "verify UI fix", and the tool name "chrome-devtools-mcp". These are phrases a user would naturally say; score 4 would require notable missing natural terms, which is not the case.

5 / 5

Distinctiveness Conflict Risk

The niche is clear and narrow — live browser verification via Chrome DevTools MCP bridged from WSL2 for a named app — with distinct bilingual triggers, so overlap with other skills (e.g., generic testing or run skills) is minimal.

5 / 5

Total

20

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
alpacapurpura/ap_sales_agent
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.