CtrlK
BlogDocsLog inGet started
Tessl Logo

design-previews-creator

Generate three parallel design preview options for a Studio-backed site and collect the user's preferred direction before theme implementation.

59

Quality

67%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/design-previews-creator/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

68%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 content is lean, actionable, and well-organized with concrete guidance and clear sequencing, but the parallel batch-generation workflow lacks a validation checkpoint and error-recovery loop, capping workflow clarity at 3.

Suggestions

Add an explicit validation checkpoint after parallel generation (e.g. verify each design-N.html exists and is non-empty, and screenshot-review each before presenting).

Add an error-recovery loop for failed or empty subagent outputs (regenerate the affected direction before presenting options).

Provide a copy-paste subagent prompt template to lift actionability from concrete guidance to fully executable.

DimensionReasoningScore

Conciseness

The body is lean, assumes Claude's competence, and avoids explaining known concepts; only minor soft guidance lines ('Keep the directions grounded...') could be trimmed, matching anchor 4 rather than the fully lean anchor 5.

4 / 5

Actionability

Concrete, actionable specifics throughout—exact file paths, axes to vary, per-subagent rules (CSS custom properties, prefers-reduced-motion fallback), and the exact presentation shape—matching anchor 4; not 5 because no copy-paste subagent prompt template is provided.

4 / 5

Workflow Clarity

A clear 5-step sequence exists, but generating 3 files via parallel subagents is a batch operation with no validation/verification step that files were written and valid, and no error-recovery loop, so the batch-operation cap of 3 applies.

3 / 5

Progressive Disclosure

No bundle files exist; the single ~90-line file is well-structured with clear sections and clearly-signaled cross-skill references (studio, theme-creator), matching anchor 4; not 5 because it exceeds the under-50-line simple-skill threshold.

4 / 5

Total

15

/

20

Passed

Description

66%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 specific and distinct with concrete actions and a clear niche, but it lacks an explicit 'Use when...' trigger clause, which caps completeness at 3 and limits the overall score.

Suggestions

Add an explicit 'Use when...' clause, e.g. 'Use when the user wants visual design options before a Studio site theme is built.'

Include common synonyms users might say, such as 'design mockups' or 'visual options', to broaden trigger coverage.

Mention the .html preview artifact type and 'Studio site' trigger phrasing to improve trigger term quality.

DimensionReasoningScore

Specificity

Names the domain (design previews for a Studio-backed site) and several concrete actions ('Generate three parallel design preview options', 'collect the user's preferred direction'), matching anchor 4; not 5 because coverage is only 2-3 actions rather than comprehensive.

4 / 5

Completeness

Has a clear 'what' but no explicit 'Use when...' trigger clause—'when' is only weakly implied via 'before theme implementation', so the missing-trigger cap of 3 applies.

3 / 5

Trigger Term Quality

Includes fairly natural terms ('design preview options', 'Studio-backed site', 'theme implementation') with good coverage, matching anchor 4; not 5 because common synonyms like 'mockup', 'visual', or 'wireframe' are absent.

4 / 5

Distinctiveness Conflict Risk

Carves a clear niche ('Studio-backed site', 'design preview options', 'before theme implementation') with only minor overlap risk against theme-creator, matching anchor 4 rather than the minimal-conflict anchor 5.

4 / 5

Total

15

/

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
Automattic/build-with-wordpress
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.