CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

visual-design

Review changes that affect how the carnival looks (UI routes, shared styles, drawing code and art) against the visual design baseline. Use on pull requests that touch index.html, src/main.ts, src/style.css, any src/**/*.ts that draws to a canvas, or anything under docs/visual-baseline.

Quality

86%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

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 lean, highly actionable review skill: concrete commands, viewports, criterion IDs and pattern matches, with calibration fixtures to anchor verdicts. The workflow order is implicit rather than enumerated, and a couple of sentences could be tightened, but nothing is missing or padded.

DimensionReasoningScore

Conciseness

The body is dense and assumes competence — no basic-concept explanations, no library introductions — with every rule stated once. Minor tightening is possible: the 'rendering unverified' rule is spread across the evidence paragraph and the first bullet, and "It captures the interaction state only for routes with an entry in INTERACTIONS ... (today only #/balloon)" is a convoluted sentence. That places it at anchor 4 (efficient, minor trimmable instances) rather than anchor 5, but well above anchor 3 since nothing is padded or redundant in substance.

4 / 5

Actionability

For an instruction-only skill the guidance is fully concrete: the exact capture command ("scripts/visual/run-capture.sh"), exact viewports (1280x800, 390px), exact screenshot states, exact rubric criterion IDs (controls, composition, materials, art-integration, focus-contrast, responsive, quiet), and exact code patterns to flag (hex, rgb(, hsl(, named colours, font strings) with explicit exemptions. This matches anchor 5's 'specific examples cover the common cases'; anchor 4 would imply gaps in the concrete detail, and none are evident.

5 / 5

Workflow Clarity

The sequence is discernible and complete — capture rendered evidence at the listed widths/states, compare against the rubric and fixtures, mark each criterion pass/finding/unverified, then report findings naming screen, state, criterion and fix — with the calibration fixtures acting as a checkpoint. It stops short of anchor 5 because the ordering is implicit rather than an explicit numbered workflow with an error-recovery loop; it exceeds anchor 3 because the checkpoints (per-criterion marking, calibration check) are explicitly present.

4 / 5

Progressive Disclosure

No skill bundle files exist (no references/, scripts/, or assets/), and the ~70-line body is appropriately kept inline for a single-purpose review lens. External detail is properly deferred one level deep via clearly signaled pointers: "docs/visual-baseline/README.md", "review-lenses/visual-design/rubric.json", "review-lenses/visual-design/fixtures/", and "scripts/visual/capture.mjs". Well-organized sections and clean one-level references match anchor 5; nothing is inlined that belongs in a separate file.

5 / 5

Total

18

/

20

Passed

Description

82%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 description: third-person voice, explicit 'Use on' triggers with concrete file paths, and an unambiguous niche. Its only real limitation is that the 'what' is a single review action rather than a fuller list of capabilities.

DimensionReasoningScore

Specificity

The description names one concrete action — "Review changes that affect how the carnival looks ... against the visual design baseline" — with a parenthetical scope list ("UI routes, shared styles, drawing code and art"), but does not enumerate several distinct actions. This matches anchor 3 (domain plus 1-2 concrete actions, not comprehensive); it is not anchor 4 because no multiple specific actions are listed, and not anchor 2 because the action is concrete rather than generic.

3 / 5

Completeness

It explicitly answers both parts: what ("Review changes that affect how the carnival looks ... against the visual design baseline") and when ("Use on pull requests that touch index.html, src/main.ts, src/style.css, ... or anything under docs/visual-baseline") with concrete trigger paths. This is a clear anchor 5; anchor 4 would require the 'when' to be less explicit than the file-path-level triggers given here.

5 / 5

Trigger Term Quality

Concrete triggers like "index.html", "src/style.css", "any src/**/*.ts that draws to a canvas", "pull requests", and "visual design baseline" give good keyword coverage a user or harness would naturally match. A few natural phrasings (e.g. "CSS", "styling", "looks", "appearance") are absent, so it falls just short of anchor 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

The niche is unmistakable — a repo-specific visual review keyed to the carnival midway, named files, and docs/visual-baseline — so it is clearly distinguishable from any generic skill. Minimal conflict risk; a clear anchor 5 rather than anchor 4, which would require some overlap with closely related skills.

5 / 5

Total

17

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

referenced_paths_exist

Referenced path issues: 2 missing, 2 deeper-than-1-level

Warning

Total

15

/

16

Passed

Repository

guypod/carnival-evolution-20261028

Path

review-lenses/visual-design/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.