CtrlK
BlogDocsLog inGet started
Tessl Logo

localhost-screenshots

Localhost screenshot capture and visual-regression workflow for responsive pages and local dev servers. Use when the user asks to "screenshot my site", "capture pages", "visual diff", "compare screenshots", "responsive screenshots", "check breakpoints", "visual regression", or any request involving programmatic screenshots of a local dev server or localhost site across viewport breakpoints.

72

Quality

90%

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

86%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 well-organized, highly actionable skill body with strong progressive disclosure and executable examples. Minor conciseness gains are available from de-duplicating the file:// guidance and trimming overlapping 'when not to use' lists.

Suggestions

Consolidate the file:// guidance so it appears once (Golden Rules) and is only cross-referenced from 'What NOT to Do' to reduce repetition.

Trim the standalone 'When NOT to Use Chrome MCP for Screenshots' list since the Tool Decision Matrix already encodes the same routing.

DimensionReasoningScore

Conciseness

Mostly lean — decision matrix, golden rules, and copy-paste code blocks earn their tokens — but the file:// rule is restated in both 'Golden Rules' and 'What NOT to Do', and the Chrome-MCP 'when not to use' list overlaps the decision matrix, so a few sections could be trimmed.

4 / 5

Actionability

Fully executable guidance: concrete MCP tool bindings (Claude Chrome MCP and Cursor), versioned bash install commands, JS debug snippets, and referenced bundled scripts with explicit usage signatures — copy-paste ready for the common cases.

5 / 5

Workflow Clarity

Clear sequence via the tool-decision matrix and numbered quick-workflow steps with validation (verify server responds, localhost redirect abort), but the canonical script and full checkpoint detail live in a referenced file rather than inline.

4 / 5

Progressive Disclosure

Clear overview in SKILL.md with a well-signaled one-level-deep reference table ('Load when' column); all referenced files (quick.js, multi-breakpoint.js, screenshot-a11y.js, and five references/*.md) exist and are appropriately split from the body.

5 / 5

Total

18

/

20

Passed

Description

95%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, well-scoped description: clear what-and-when with rich natural trigger phrases and a distinct localhost-screenshot niche. Minor specificity gap keeps it just short of full marks on the action list.

DimensionReasoningScore

Specificity

Names the domain ('localhost screenshot capture and visual-regression workflow for responsive pages and local dev servers') and several concrete actions (capture, visual diff, regression) with only minor coverage gaps; not quite the exhaustive multi-action list of a 5.

4 / 5

Completeness

Explicitly answers both 'what' (capture + visual-regression workflow across viewport breakpoints) and 'when' via a concrete 'Use when the user asks to...' clause with multiple trigger phrases.

5 / 5

Trigger Term Quality

Comprehensive natural trigger phrases with synonyms — 'screenshot my site', 'capture pages', 'visual diff', 'compare screenshots', 'responsive screenshots', 'check breakpoints', 'visual regression' — covering what a user would actually say.

5 / 5

Distinctiveness Conflict Risk

Scoped tightly to localhost / local dev server programmatic screenshots, a clear niche with distinct triggers and minimal overlap with generic browser-automation skills.

5 / 5

Total

19

/

20

Passed

Validation

87%

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

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 3 deeper-than-1-level

Warning

referenced_paths_exist

Referenced path issues: 6 deeper-than-1-level

Warning

Total

14

/

16

Passed

Repository
t4sh/skills4sh
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.