CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

create-canvas

Build a freeform canvas to explore, compare, and iterate on anything.

Quality

68%

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/create-canvas/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

71%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 dense, highly actionable rulebook with explicit build sequencing, specific behavioral constraints, and honest testing and reporting requirements. Its main weaknesses are the total absence of code examples or templates to anchor the abstract rules, and a monolithic single-file structure that ignores progressive disclosure.

Suggestions

Move the ~40-line gesture/camera section into a references/ file (e.g. references/gestures.md), keeping a short summary plus a pointer in SKILL.md; the storage-format rules are a similar candidate.

Add one or two concrete examples — a sample registry entry and a minimal saved-layout document — so the abstract rules have a copy-paste-ready anchor.

Consolidate the repeated teardown and theme rules, which currently appear in multiple sections, into single statements to tighten the token budget.

DimensionReasoningScore

Conciseness

The body is dense, directive, and free of concept explanations Claude already knows — e.g. "Combine pointer and wheel updates into at most one transform write per animation frame". However, rules repeat across sections (teardown duties appear three times in the gesture section; theme guidance recurs in three sections), so a trim pass would earn anchor 5.

4 / 5

Actionability

For an instruction-only skill the guidance is unusually concrete: exact CSS ("overscroll-behavior-x: none", "cursor: default"), specific gestures ("Ctrl/Meta + wheel and trackpad pinch", "Space + primary-button drag"), and a label example ("Pricing card · compact"). Not 5 because there is no code snippet or template at all (e.g., a sample registry entry or storage document shape); not 3 because the directives are specific and executable, not pseudocode.

4 / 5

Workflow Clarity

Sequencing is explicit — "Start with one safe live preview... Add the registry and requested content next. Then add copying, camera controls, existing themes, and saved layout" — and the final section supplies checkpoints ("Make sure that the route mounts, imports resolve, and the console shows no errors. Inspect the diff for unintended production changes"). Not 5 because there is no explicit fix-and-retry loop when checks fail, and testing requirements are spread across paragraphs rather than gathered into a checklist.

4 / 5

Progressive Disclosure

Seven clearly headed sections give good structure, but the skill is a single ~160-line monolith with no bundle files at all; the 40+ line gesture section and the storage-format rules clearly belong in separate reference files. Matches anchor 3 ("content that should be separate is inline"); not 2 because headers and organization are good, and not 4-5 because progressive disclosure into reference files is entirely unused on a skill far above the 50-line simple-skill threshold.

3 / 5

Total

15

/

20

Passed

Description

50%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 names a distinctive domain and several actions in a concise third-person one-liner, but "on anything" keeps it generic and it entirely lacks "Use when" trigger guidance, capping completeness and weakening trigger coverage. It reads as clear but incomplete.

Suggestions

Add an explicit trigger clause, e.g. "Use when the user asks for a canvas, workspace, or side-by-side comparison of component previews or design variants."

Replace "anything" with concrete objects, e.g. "Build a freeform canvas of live component previews to explore, compare, and iterate on design variants" — this sharpens both specificity and distinctiveness.

Include natural synonyms users would actually say (canvas, playground, workspace, side-by-side compare, mood board) to improve trigger term coverage.

DimensionReasoningScore

Specificity

"Build a freeform canvas to explore, compare, and iterate on anything" names the domain and several actions ("explore, compare, and iterate"), but the object "anything" is entirely generic — no concrete artifacts (previews, components, variants, layouts) are named. It is not 4 because, unlike "Extracts text from PDF files, fills forms, converts pages to images", the verbs lack concrete targets; not 2 because it goes beyond minimally naming a domain.

3 / 5

Completeness

The "what" is present ("Build a freeform canvas to explore, compare, and iterate"), but there is no "Use when..." clause or equivalent explicit trigger guidance, which caps completeness at 3 per the judging guidelines. Not 4 because the "when" is entirely missing, not merely imprecise; not 2 because the "what" is clear rather than vague.

3 / 5

Trigger Term Quality

"canvas" is a term a user would naturally say, and "explore"/"compare"/"iterate" are plausible triggers, but common variations and synonyms ("workspace", "playground", "whiteboard", "side-by-side", "mood board") are absent. Matches anchor 3 ("Some relevant keywords but missing common variations or synonyms"); not 4 because coverage is thin for so broad a skill.

3 / 5

Distinctiveness Conflict Risk

"freeform canvas" marks a recognizable niche, but "iterate on anything" combined with generic verbs ("explore, compare") could trigger for design-comparison, prototyping, or general workspace skills. Matches anchor 3 ("could still overlap with similar skills"); not 4 because the "anything" scope creates real, not minor, overlap risk.

3 / 5

Total

12

/

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

ibelick/ui-skills

Path

skills/create-canvas/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.