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'.

75

Quality

92%

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

85%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.

Highly actionable, executable content with a clear validated workflow and feedback loop, plus genuinely hard-won WSL2/Chrome gotchas that earn their place. The main weakness is progressive disclosure: at ~185 lines with no bundle files, several blocks would benefit from being split into reference files, and inline version-dated facts slightly dent conciseness.

Suggestions

Move the 'Bug-hunting cheat sheet', 'DB quick probes', and 'Useful evaluate_script snippets' into separate reference files (e.g. references/cheat-sheet.md, references/db-probes.md, references/snippets.md) and link them one level deep from SKILL.md to improve progressive disclosure.

Relocate time-sensitive facts (2026-04-24 verification date, Chrome 136+, Win 11 22H2+) into a dedicated 'Version notes' or 'Deprecated/old patterns' section so they don't penalize the main flow's conciseness as they age.

Tighten the 'Why this config (and why the alternatives fail)' comparison table to the single recommended path plus a one-line 'broken because' note per alternative, trimming volume without losing the rationale.

DimensionReasoningScore

Conciseness

Dense and high-signal with no concept-padding, but at ~185 lines it is lengthy, and inline time-sensitive facts ('Verified working 2026-04-24', 'Chrome 136+', 'Win 11 22H2+', 'Nicolify 2026-04-23 patterns') are not isolated in a deprecated/old-patterns section, which the guideline penalizes.

4 / 5

Actionability

Fully copy-paste-ready guidance throughout — exact curl probes, Start-Process PowerShell with literal ArgumentList, MCP registration commands, docker exec psql queries, and complete JS evaluate_script snippets covering the common verification cases.

5 / 5

Workflow Clarity

The 'Workflow template — reproducing a FE bug' gives a numbered 1–9 sequence with explicit validation checkpoints (step 4 'confirm the visible state after', step 9 'Repeat 1–6 to verify') and a feedback loop; the read-only nature means the destructive/batch cap-3 does not apply.

5 / 5

Progressive Disclosure

Well-organized with clear section headers and a clearly-signaled external References section, but no bundle files exist and substantial reference-style blocks (bug-hunting cheat sheet, DB quick probes, evaluate_script snippets) are inlined in a ~185-line file rather than split into one-level-deep reference files.

3 / 5

Total

17

/

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.

A strong, comprehensive description that cleanly answers what, when, and how-to-trigger with concrete actions and bilingual natural phrases in third-person voice. No vague fluff or over-claims; every clause earns its place.

DimensionReasoningScore

Specificity

Lists multiple concrete 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 live-verification domain.

5 / 5

Completeness

Explicitly answers both 'what' ('Live verification of frontend changes in dev-app.nicolify.com using Chrome DevTools MCP from WSL2') and 'when' via a labeled 'Use when:' clause plus a separate 'Triggers:' list of concrete phrases.

5 / 5

Trigger Term Quality

Comprehensive natural trigger phrases in both Spanish and English — 'verifica en el navegador', 'prueba con chrome-devtools', 'reproduce el bug en vivo', 'abrí el navegador', 'live test', 'verify UI fix' — covering synonyms a user would actually say.

5 / 5

Distinctiveness Conflict Risk

Clear niche — Chrome DevTools MCP bridged from WSL2 for a named app — with highly specific triggers, giving minimal overlap risk with other skills.

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.

Validation16 / 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.