CtrlK
BlogDocsLog inGet started
Tessl Logo

octopus-ui-ux-design

Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces

56

Quality

64%

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 ./.claude/skills/skill-ui-ux-design/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

62%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 highly actionable, well-sequenced workflow with strong validation checkpoints, but it pays for that with significant verbosity and a monolithic structure that inlines several large blocks that should live in reference files. Trimming the repeated enforcement language and extracting the persistence script and audit checklists into bundle files would improve both conciseness and progressive disclosure.

Suggestions

Extract the ~130-line persistence bash script (Step 8) into a scripts/ helper file and invoke it with arguments, cutting a large chunk of inline tokens.

Move the AI Surface Audit checklist (Step 7b) and the critique prompt template (Step 5b) into references/ files, keeping only a short pointer plus the output contract inline.

Collapse the repeated MANDATORY/HARD-GATE emphasis (the same requirement is stated in the frontmatter, the gate block, and step headers) into a single statement of the 3-search minimum.

DimensionReasoningScore

Conciseness

The ~590-line body is noticeably verbose: repeated 'MUST'/'HARD-GATE' emphasis, emoji banner templates, and a ~130-line inline persistence bash script that belongs in a helper file. It also restates the same enforcement message multiple times (e.g., the search.py mandate appears in the frontmatter trigger, the HARD-GATE block, and Step 4's header).

2 / 5

Actionability

Guidance is largely copy-paste executable: concrete search.py invocations with flags, an executable preflight check, a contrast checker with exit-code semantics, and full AskUserQuestion templates. Minor gaps remain — e.g., '$DESIGN_BODY' is validated for emptiness but the skill never shows how it is populated, and the Figma/MCP calls depend on unverified tool availability.

4 / 5

Workflow Clarity

Steps 1-8 are explicitly sequenced with numbered phases, and validation is embedded throughout: preflight gating on READY, dial range validation before every search call, contrast-checker exit-1 fix-and-rerun loops, supersede-self guards, and explicit failure remediation for each missing-resource state. Feedback loops (fix palette and re-run) are present for the risky operations.

5 / 5

Progressive Disclosure

The body has clear section structure (numbered steps, phase headers), but substantial content that belongs in separate reference files is inlined — the 130-line persistence script, the AI Surface Audit checklist, and the critique prompts. References to 'skills/blocks/design-taste.md' point outside this bundle (no references/ directory exists) and are not clearly signaled as navigable paths.

3 / 5

Total

14

/

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.

A concise, third-person description with several concrete deliverable keywords, but it omits any explicit 'when to use' trigger clause, which both caps completeness and slightly weakens trigger discoverability. Moving the trigger phrases from the frontmatter 'trigger' field into the description itself would raise completeness to 5.

Suggestions

Append a 'Use when...' clause to the description (e.g., 'Use when the user asks to design a UI, pick a color palette, choose fonts, or create component specs for a new interface'), promoting the trigger guidance currently buried in the frontmatter 'trigger' field.

Add natural synonyms users actually say — 'design system', 'fonts', 'look and feel', 'wireframes' — to broaden trigger term coverage.

Mention the remaining deliverables the skill produces (design tokens, page layouts, accessibility validation) to close the coverage gaps in the 'what' statement.

DimensionReasoningScore

Specificity

The description lists several concrete deliverables — 'style guides, palettes, typography, and component specs' — with a clear scope ('for new interfaces'), but omits other outputs the skill produces (design tokens, page layouts, accessibility validation), so coverage has minor gaps rather than being comprehensive.

4 / 5

Completeness

The 'what' is clear (design UI/UX systems with the listed deliverables), but the description contains no 'Use when...' clause or equivalent explicit trigger guidance — that guidance lives in a separate frontmatter 'trigger' field, which per the rubric caps completeness at 3.

3 / 5

Trigger Term Quality

Good natural keyword coverage ('UI/UX', 'style guides', 'palettes', 'typography', 'component specs', 'interfaces') that matches phrases users would say, but misses common variations like 'design system', 'fonts', 'wireframes', and 'look and feel'.

4 / 5

Distinctiveness Conflict Risk

The description carves out a mostly distinct niche (designing UI/UX systems for new interfaces) with trigger terms unlikely to fire for unrelated skills, though there is minor overlap risk with general styling or branding skills.

4 / 5

Total

15

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (627 lines); consider splitting into references/ and linking

Warning

frontmatter_unknown_keys

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

Warning

Total

14

/

16

Passed

Repository
nyldn/claude-octopus
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.