CtrlK
BlogDocsLog inGet started
Tessl Logo

agent-first-screenshots

Agent-first screenshots — an agent drives the real app via CDP and produces clean, defect-free product screenshots (newsletters, landing pages, social, decks, PR). Dual-channel verification (DOM + pixels + vision) in a capture loop. Use for any "take/redo screenshots of the app" task.

65

Quality

78%

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

Fix and improve this skill with Tessl

tessl review fix ./.opencode/skills/agent-first-screenshots/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

The body is a tight, highly actionable operations runbook with an explicit three-gate verify loop and feedback recovery — a strong workflow-clarity fit. It loses points only on minor editorial padding and inlining detail that could live in separate reference files.

DimensionReasoningScore

Conciseness

The body is operationally dense with no explanation of basic concepts (CDP, PNG, browsers), but carries editorial rhetoric ('Full stop.', 'the goal is "I want that"') and motivational framing in the Zero-Defect Bar / One Method sections that could be trimmed.

4 / 5

Actionability

Provides named scripts, an exact CDP metrics override, a runnable beautify invocation with full flags, concrete variance/bgRatio thresholds, and a JSON vision-gate schema — highly executable, but the capture-loop orchestration is described rather than given as a copy-paste snippet and the vision model is unnamed.

4 / 5

Workflow Clarity

The three-channel verify loop (DOM pre-check -> pixel post-check -> vision gate) is explicitly sequenced with feedback ('If it fails: reload and redo'; reject -> diagnose -> fix root cause -> recapture) and Golden Rules give an ordered capture sequence, matching the validate/fix/only-then-proceed anchor; validation is present so the batch/destructive cap does not apply.

5 / 5

Progressive Disclosure

Well-organized into headed sections with one-level-deep, clearly signaled references to the three real bundle scripts (screenshot-verify.mjs, capture-verify.mjs, beautify.mjs — all present in ./scripts), but operational detail (full flag tables, the JSON gate spec) is inlined rather than split into reference docs.

4 / 5

Total

17

/

20

Passed

Description

75%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 clearly states both capability and a concrete trigger phrase, with good specificity and a distinct CDP/verification niche. It stops short of comprehensive multi-trigger coverage and a broad synonym set, capping it at 4 across dimensions.

Suggestions

Enumerate 2-3 concrete trigger phrases (e.g. 'product screenshots', 'marketing images', 'redo app screenshots') alongside 'take/redo screenshots of the app' to lift completeness and trigger-term coverage.

Replace the self-contradictory 'Dual-channel verification (DOM + pixels + vision)' with 'Triple-channel' or drop the count to avoid an inaccuracy a reader will catch.

Add a short exclusion clause (e.g. 'Not for e2e pass/fail proof') directly in the description to sharpen distinctiveness from test-evidence skills.

DimensionReasoningScore

Specificity

Names the domain and several concrete output types ('newsletters, landing pages, social, decks, PR') plus concrete mechanisms ('drives the real app via CDP', 'Dual-channel verification (DOM + pixels + vision)'), but the core action set is a single capture operation rather than multiple distinct actions, so it sits just below comprehensive.

4 / 5

Completeness

Explicitly answers both what ('an agent drives the real app via CDP and produces clean, defect-free product screenshots') and when ('Use for any "take/redo screenshots of the app" task'), but the trigger guidance is a single concrete phrase rather than an enumerated set.

4 / 5

Trigger Term Quality

Includes the natural phrase "take/redo screenshots of the app" plus output-type keywords, but misses common variations/synonyms (e.g. 'product shots', 'capture screen') and file extensions, leaving a few natural terms uncovered.

4 / 5

Distinctiveness Conflict Risk

The 'agent-first' CDP + dual-channel-verification framing carves a clear niche distinct from generic screenshot skills, with only minor overlap risk on the broad 'take/redo screenshots' trigger.

4 / 5

Total

16

/

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
different-ai/openwork
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.