CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

ui-craftsman

Use this skill when the user wants to generate UI, build a design system, clone a site's aesthetic, or browse the community UI gallery. Triggers on /ui-ref, /ui-show, /ui-system, /ui-share, or natural-language requests naming a reference site.

Quality

88%

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

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.

A tight, highly executable procedural skill with excellent workflow sequencing, validation checkpoints, and verbatim error handling. Its weaknesses are minor: an undefined 'aesthetic classes' concept, an unspecified '<hash>' convention, and some duplicated session-wide instructions.

Suggestions

Define the 'aesthetic classes' used for direction-B/C/D generation (or point to a reference file enumerating them) so the showcase flow is fully executable without guessing.

Specify how the '<hash>' in /tmp/ui-craftsman-<hash>/ is derived (e.g., a short hash of the URL) to remove ambiguity across all modes.

Consolidate the repeated 'include the preview URL and describe what is visible' rule into the 'During a Session' section instead of restating it inside Mode 1's steps.

DimensionReasoningScore

Conciseness

The body is dense and procedural with no explanations of concepts Claude already knows, but it has minor redundancy: the 'always include the localhost preview URL and describe what is visible' rule is stated both in Mode 1 steps 6–7 and again in the 'During a Session' section, and the read/update of ui-prefs.md is repeated across modes.

4 / 5

Actionability

Commands are fully executable with exact paths, arguments, exit-code semantics, and verbatim user-facing error strings ('That URL is blocked for security reasons...'). Minor gaps: the '<hash>' naming convention is never defined, and direction B/C/D 'aesthetic classes' are referenced but never enumerated or defined anywhere in the bundle.

4 / 5

Workflow Clarity

Each mode is a clearly numbered sequence with explicit validation checkpoints (validate.py before extraction with abort-on-fail, iterate-on-feedback loop 'until user approves') and a dedicated Error Handling section with recovery commands (playwright install, gh auth login), matching the top anchor's feedback loops.

5 / 5

Progressive Disclosure

All referenced bundle paths (scripts/validate.py, extract.py, serve.py, share.py, requirements.txt) resolve to real files and are clearly signaled with exact commands; share.py's full argument list is deferred one level via '--help'. The gap: aesthetic-class definitions and the Preference Memory Format detail live inline with no references/ directory, so some content that would benefit from splitting is not separated.

4 / 5

Total

17

/

20

Passed

Description

92%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 that states both capability and trigger conditions explicitly, anchored by unique slash commands. The only weakness is thin natural-language synonym coverage beyond the named commands and 'reference site'.

Suggestions

Add the natural-language phrasings users actually say, such as 'make it look like <site>', 'copy this site's design', or 'give me design directions', to strengthen trigger matching beyond slash commands.

Include common synonyms like 'landing page', 'component design', or 'frontend aesthetic' to broaden natural keyword coverage.

DimensionReasoningScore

Specificity

The description lists four concrete actions — 'generate UI, build a design system, clone a site's aesthetic, or browse the community UI gallery' — matching the comprehensive-coverage anchor, comparable in breadth to the anchor-5 PDF example.

5 / 5

Completeness

It explicitly answers both what ('generate UI, build a design system, clone a site's aesthetic, or browse the community UI gallery') and when ('Use this skill when the user wants to... Triggers on /ui-ref, /ui-show...') with concrete trigger phrases, matching the top anchor.

5 / 5

Trigger Term Quality

'Triggers on /ui-ref, /ui-show, /ui-system, /ui-share, or natural-language requests naming a reference site' gives explicit slash-command triggers, but common natural phrasings users would say (e.g., 'make it look like stripe.com', 'design directions', 'copy this site's design') are missing — good coverage with a few natural terms absent.

4 / 5

Distinctiveness Conflict Risk

Dedicated slash commands (/ui-ref, /ui-show, /ui-system, /ui-share) carve a clear niche with distinct triggers and minimal overlap risk against generic UI/frontend skills.

5 / 5

Total

19

/

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

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository

ProwlrBot/prowlr-marketplace

Path

skills/ui-craftsman/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.