CtrlK
BlogDocsLog inGet started
Tessl Logo

skill-extract

Reverse-engineer design systems, tokens, and components from live products or screenshots

43

Quality

43%

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/extract-skill/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

32%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 project specification rather than an operational skill: it describes capabilities, implementation status, and roadmap, but gives the model no sequenced workflow and no supporting reference files. Concrete details (CLI examples, thresholds, error codes) are diluted by large amounts of project-management padding. It needs restructuring into a lean procedural core with detail moved to reference files.

Suggestions

Replace the descriptive sections (Implementation Status, Contributing, Research Sources) with an ordered extraction workflow: detect stack -> extract tokens -> extract components -> generate outputs -> run quality gates, with explicit validation checkpoints.

Move the output-directory spec, multi-AI orchestration rules, and algorithm details into references/ files (e.g. references/output-structure.md, references/multi-ai.md) and keep SKILL.md as a lean overview with one-level-deep, clearly signaled links.

Trim the capability bullet lists to what the model must actually do, and add the concrete commands/scripts for each pipeline stage so the guidance is executable rather than descriptive.

DimensionReasoningScore

Conciseness

Several sections are padded relative to what a model needs to execute the skill: marketing-style capability lists ('Pattern Detection: Layout patterns...'), 'Implementation Status' checklists, a 'Contributing' section with an 8-week roadmap, and external 'Research Sources' links. These are project-management artifacts, not skill instructions, matching 'noticeably verbose; several unnecessary explanations or padded sections' rather than the mostly-efficient anchor at 3.

2 / 5

Actionability

There is genuinely concrete material (CLI invocations like '/octo:extract ./my-app --mode design', the output directory tree, error codes ERR-001..VAL-004, quality-gate thresholds, and algorithm parameters like 'CIEDE2000', 'k=8 clusters', 'ΔE < 2'). But the guidance mostly describes a system rather than instructing how to run it — the actual pipeline steps, tooling, and commands for executing an extraction are absent (the skill admits it is a 'Skeleton'), fitting 'some concrete guidance but incomplete; missing key details'.

3 / 5

Workflow Clarity

There is no sequenced workflow at all: no ordered steps from input to validated output, no checkpoints, and the quality gates are listed as isolated rules rather than wired into a process. The 'Usage Patterns' section shows invocations but not what happens next. This fits 'rough sequence present but many gaps' more than the steps-listed-with-validation-gaps anchor at 3, since even the steps themselves are missing.

2 / 5

Progressive Disclosure

No bundle files exist (references/, scripts/, assets/ are all absent), so everything — the full output-structure spec, algorithm details, multi-AI orchestration rules, roadmap, and research links — is inlined in one ~230-line SKILL.md. Content that clearly belongs in separate reference files (e.g. the output layout spec and provider orchestration rules) is inlined, matching the anchor at 2; it avoids a 1 only because section headers make the monolith navigable.

2 / 5

Total

9

/

20

Passed

Description

53%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 concise and specific about its niche, with natural trigger terms like 'design systems', 'tokens', and 'screenshots'. Its main gap is the complete absence of a 'when to use' clause, and its action coverage is limited to a single verb. Adding trigger guidance and one or two more concrete actions would raise it substantially.

Suggestions

Add an explicit 'Use when...' clause, e.g. 'Use when the user wants to extract or document a design system, audit tokens from a website, or catalog components from an undocumented codebase.'

Enumerate 1-2 more concrete actions beyond 'reverse-engineer' (e.g. 'extract tokens to W3C format, catalog components, generate Storybook scaffolds').

Include natural synonyms and file-type triggers users might say, such as 'design tokens', '.css', 'Tailwind config', or 'undocumented UI'.

DimensionReasoningScore

Specificity

The description names the domain ('design systems, tokens, and components') and one concrete action ('Reverse-engineer ... from live products or screenshots'), which matches the anchor for 1-2 concrete actions without comprehensive coverage. It does not list several distinct actions (extract, catalog, generate) that would justify a 4.

3 / 5

Completeness

It has a clear 'what' (reverse-engineer design systems, tokens, and components from live products or screenshots) but no 'Use when...' clause or equivalent trigger guidance, which caps completeness at 3 per the judging guidelines. A 4 would require at least a weakly explicit 'when'.

3 / 5

Trigger Term Quality

Terms like 'design systems', 'tokens', 'components', 'screenshots', and 'live products' are natural phrases users would say, but common variations and synonyms are missing (e.g. 'design tokens', 'pull styles', '.css', 'extract styles from a website'). This fits 'some relevant keywords but missing common variations or synonyms' rather than the good-coverage anchor at 4.

3 / 5

Distinctiveness Conflict Risk

The phrase carves out a clear niche (design-system/token extraction from live products or screenshots) that few skills would compete for, though 'components' and general product analysis could mildly overlap with code-review or docs skills. This matches 'mostly distinct; minor overlap risk' rather than the fully distinct anchor at 5.

4 / 5

Total

13

/

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
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.