CtrlK
BlogDocsLog inGet started
Tessl Logo

workflow-progress-screenshots

Show the user real screenshots of the work as it progresses, without being asked. Capture the start, the key moment and the result of every visual change, send them as files with captions as soon as each is ready, and look at every image before sending it. Use on any task with a visible result (UI, pages, games, 3D, charts, motion), when the user says "show me", "screenshots", "keep giving me screenshots" or "where are the screenshots?", and before any report that claims a visual change works.

77

Quality

96%

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

92%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 tight, highly actionable workflow skill: exact commands with flags and values, an explicit inspect-before-send validation loop, and honest-labeling rules. The single weakness is that the headless capture tool's JS-step interface is mentioned but never specified.

Suggestions

Show one complete capture.mjs invocation with a click/scroll step (e.g. an env var or argument example) so the 'JS steps to click, open or scroll' mechanism is executable rather than implied.

Add a one-line fallback for projects without a review fixture or debug hook for rule 4's state setup, since that rule currently assumes such a mechanism exists.

DimensionReasoningScore

Conciseness

The ~48-line body is dense and padding-free: no explanations of concepts Claude already knows, just rules, exact commands ('scripts/capture.mjs <url> <out.png>'), viewport sizes (1600×900, 390×844), and settle timings. Even the rhetorical lines ('A screenshot mentioned but not sent doesn't count') enforce a rule rather than pad.

5 / 5

Actionability

Commands are mostly copy-paste ready ('scripts/compare.py out.jpg before.png "Before" after.png "After"') with concrete flags and values, but 'JS steps to click, open or scroll' never specifies how those steps are passed to capture.mjs — a minor executable gap that fits the 'minor gaps' anchor rather than the fully-copy-paste-ready 5.

4 / 5

Workflow Clarity

The sequence (capture each pass → inspect every image → caption → send → final report) is explicit and includes a real validate→fix loop: 'Look at every image before sending' with a concrete recapture checklist (stray toasts, half-loaded art, wrong scene), plus error surfacing in the capture tool.

5 / 5

Progressive Disclosure

A sub-50-line body with clean sections (Rules, How to capture, In the final report) and two script references (capture.mjs, compare.py) that are real files used as executable tools rather than nested documentation — one level deep, clearly signaled, well organized, which fits the simple-skill top anchor.

5 / 5

Total

19

/

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: concrete and comprehensive on what it does, with an explicit 'Use when' clause quoting the exact phrases users say. Trigger coverage including verbatim user quotes makes routing unambiguous.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — 'Capture the start, the key moment and the result of every visual change, send them as files with captions as soon as each is ready, and look at every image before sending it' — covering the skill comprehensively with no gaps, matching the top anchor rather than the 'minor gaps' of 4.

5 / 5

Completeness

It explicitly answers both what (capture start/key-moment/result, send as captioned files, review before sending) and when ('Use on any task with a visible result… when the user says…') with concrete trigger phrases, matching the top anchor exactly.

5 / 5

Trigger Term Quality

It quotes verbatim user phrases — "show me", "screenshots", "keep giving me screenshots", "where are the screenshots?" — alongside domain terms (UI, pages, games, 3D, charts, motion), giving comprehensive natural-term coverage including synonyms and exact user utterances.

5 / 5

Distinctiveness Conflict Risk

A clear niche — unsolicited in-progress screenshots of visual work — with distinct triggers; the quoted user requests would not naturally fire for other skills. The 4 anchor ('minor overlap risk') was considered for the 'charts'/'motion' tokens shared with viz-related skills, but the distinct action keeps conflict risk 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
MengTo/Skills
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.