CtrlK
BlogDocsLog inGet started
Tessl Logo

wireframe

Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen, draft a layout, make a low-fi mockup, or publish wireframes.

72

Quality

88%

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 well-structured skill body that leads with concrete, executable guidance and offloads detail to real, clearly-signaled bundle files. It is token-efficient and action-oriented, with only minor verbosity in the viewer/publish sections and an implicit rather than explicit validation step in the core workflow.

DimensionReasoningScore

Conciseness

Dense with non-obvious, task-specific specifics (design tokens, 8px snap rules, exact viewports, file paths) that Claude would not already know, with little concept re-explanation; not a 5 because the viewer-page and publish sections are lengthy and a few explanatory asides could be trimmed.

4 / 5

Actionability

Provides copy-paste-ready SVG in the quick start, exact file paths (wireframes/<slug>.svg, design/<task-slug>/), concrete publish commands, and a named template to copy from; specific examples cover the common cases (single screen, multi-screen flow, viewer page, publish).

5 / 5

Workflow Clarity

A clear 6-step sequence with a decision checkpoint ("ask one question, then proceed"), an output-convention checklist, and explicit viewer verification at named resolutions; not a 5 because the core wireframe workflow's validation is implicit rather than an explicit validate-and-confirm step.

4 / 5

Progressive Disclosure

The body is an overview that clearly signals one-level-deep references (references/components.md, references/grid-system.md, references/examples.md, assets/site-template.html, assets/template.svg) — all verified to exist — with content appropriately split and easy navigation.

5 / 5

Total

18

/

20

Passed

Description

91%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 tight, well-constructed description that pairs a concrete capability statement with a rich set of natural trigger phrases. It clearly answers both "what" and "when" and carves a recognizable niche, with only minor overlap risk and no explicit boundary cue.

DimensionReasoningScore

Specificity

Names the domain and several concrete actions/output formats — "Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages" plus "publish wireframes" — with only minor gaps in coverage; not a 5 because the action list is compact rather than comprehensive.

4 / 5

Completeness

Explicitly answers both what ("Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages") and when ("Use when asked to wireframe, sketch a screen, draft a layout, make a low-fi mockup, or publish wireframes") with concrete trigger phrases.

5 / 5

Trigger Term Quality

Five natural trigger phrases users would actually say — "wireframe", "sketch a screen", "draft a layout", "make a low-fi mockup", "publish wireframes" — give comprehensive synonym coverage; not below 5 because the breadth clearly matches the top anchor.

5 / 5

Distinctiveness Conflict Risk

The low-fi monochrome-wireframe niche is mostly distinct, but trigger phrases like "sketch a screen" and "draft a layout" carry minor overlap risk with general design/frontend skills; not a 5 because the description itself states no boundary guidance.

4 / 5

Total

18

/

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
paperclipai/paperclip
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.