CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

localhost-screenshots

Screenshot localhost/local dev-server pages across viewports and compare them for visual regression. Use when asked to "screenshot my local site", "capture localhost pages", "visual diff", "compare screenshots", "responsive screenshots", "check breakpoints", "visual regression", or capture a Portless app at a named .localhost URL. Not for public URLs or writing e2e tests.

Quality

91%

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-engineered body: executable pinned commands, honest validation checkpoints (server readiness, viewport verification, final-URL checks), strong untrusted-content boundary guidance, and excellent progressive disclosure into verified bundle files. The main improvement room is closing error-recovery loops inline and removing the small redundancy between the decision matrix and the 'When NOT to Use' bullets.

Suggestions

Consolidate tool-choice guidance so the 'When NOT to Use Chrome MCP' bullets and the decision matrix rows are not redundant — keep one canonical decision point.

Close the feedback loops inline: state what to do when viewport verification fails or the server check fails (retry/re-verify steps), rather than ending at 'report the missing capability' or deferring to reference files.

Trim the 'Related Skills' section to one or two lines or move it to a reference file — it is context, not task guidance, and competes with the token budget.

DimensionReasoningScore

Conciseness

The body is lean and imperative with no explanation of concepts Claude already knows, but has minor trim opportunities: the decision-matrix rows reappear as "When NOT to Use Chrome MCP" bullets, and the file:// conditions are stated in both "Golden Rules" ("no fetch/XHR to sibling files, no <script type=module>...") and "What NOT to Do". This fits 'efficient; minor instances of over-explanation that could be trimmed' better than the fully lean anchor 5 or the noticeably padded anchor 3.

4 / 5

Actionability

Copy-paste-ready commands cover the common cases: pinned install ("npm install --save-dev playwright@1.62.0", "npm exec -- playwright install chromium"), serving ("npx serve _site -l 3000 --no-clipboard"), four executable JS payload snippets, a concrete output tree, specific API notes ("waitUntil: 'load'", "set before navigating"), and three runnable bundled scripts in assets/scripts/. Fully matches the executable anchor.

5 / 5

Workflow Clarity

The Chrome MCP flow is a clear 5-step sequence with explicit checkpoints ("Set the requested viewport before navigation, then verify its dimensions", "check its final URL", "Verify the expected app is ready before capturing") and a capability table with a "Completion evidence" column acting as a checklist. It sits at 4 rather than 5 because feedback loops are not fully closed inline — e.g., on failure the guidance ends at "report the missing capability" or defers to reference files rather than giving validate→fix→retry steps.

4 / 5

Progressive Disclosure

The body is a true overview with all 9 bundle files verified to exist, one level deep, and navigated via a "Reference Files" table with a 'Load when' column and section-anchored pointers (e.g., playwright-patterns.md § "Verifying the Server"). This matches the anchor for a clear overview with well-signaled one-level-deep references and easy navigation.

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.

The description is exemplary: it states concrete capabilities, gives an explicit 'Use when' clause with natural trigger phrases and synonyms, and closes with clear negative boundaries that prevent mis-triggering. Only minor coverage gaps (e.g., element/a11y captures) keep specificity from a perfect score.

DimensionReasoningScore

Specificity

Quotes several concrete actions — "Screenshot localhost/local dev-server pages across viewports", "compare them for visual regression", and "capture a Portless app at a named .localhost URL" — matching the anchor for several specific actions with minor gaps. It falls short of 5 because capabilities like element screenshots or a11y capture from the bundle are absent, and above 3 because more than 1-2 actions are named concretely.

4 / 5

Completeness

The 'what' is explicit ("Screenshot localhost/local dev-server pages across viewports and compare them for visual regression") and the 'when' is explicit with concrete trigger phrases ("Use when asked to 'screenshot my local site', ... or capture a Portless app at a named .localhost URL"), plus negative scope ("Not for public URLs or writing e2e tests"). Clearly matches the anchor that answers both what and when with concrete triggers.

5 / 5

Trigger Term Quality

Comprehensive natural phrasing with synonyms: "screenshot my local site", "capture localhost pages", "visual diff", "compare screenshots", "responsive screenshots", "check breakpoints", "visual regression", plus the ".localhost" URL form. Matches the anchor for comprehensive coverage of natural terms including synonyms, and users would plausibly say nearly every listed phrase.

5 / 5

Distinctiveness Conflict Risk

A clear niche (localhost/dev-server capture only) with distinct triggers and explicit exclusions ("Not for public URLs or writing e2e tests") keeps conflict risk minimal. This matches the 'clear niche with distinct triggers' anchor rather than 4, where some overlap with closely related skills would remain.

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.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

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

Warning

referenced_paths_exist

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

Warning

Total

14

/

16

Passed

Repository

t4sh/skills4sh

Path

skills/localhost-screenshots/SKILL.md

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.