CtrlK
BlogDocsLog inGet started
Tessl Logo

skill-extract

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

40

Quality

38%

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

Fix and improve this skill with Tessl

tessl review fix ./.claude/skills/extract-skill/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

20%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body reads as a project specification for a largely unimplemented skeleton: it is verbose with non-actionable meta content, provides almost no executable guidance, and bundles everything into one long file despite no reference bundle to offload detail into.

Suggestions

Replace descriptive capability lists with runnable, copy-paste-ready code or commands for the core tasks (token extraction, component analysis, service detection) so Claude can actually execute them.

Cut spec-only sections (Implementation Status, Contributing week plan, Research Sources, framework enumerations) to respect the token budget and assume Claude's competence.

Define an explicit end-to-end extraction workflow with validation checkpoints (e.g. detect stack -> extract tokens -> validate coverage -> generate outputs) and move detailed reference material into separate files in references/ that the body links to.

DimensionReasoningScore

Conciseness

The ~230-line body is padded with spec/PRD material Claude does not need to act — framework enumerations (React functional/class/hooks, Vue SFC/Composition/Options), an 'Implementation Status' skeleton checklist, week-by-week 'Contributing' phases, and 'Research Sources' — matching the 'verbose; explains concepts Claude knows; padded with unnecessary context' anchor rather than the tighter anchor 2.

1 / 3

Actionability

It describes rather than instructs: there is no executable code or runnable command to extract tokens, parse components, or detect services, and the skill is explicitly a '1.0.0 (Skeleton)' with most capabilities 'In Progress'/'Planned', matching the 'vague or abstract; no concrete code/commands; describes rather than instructs' anchor.

1 / 3

Workflow Clarity

Quality Gates provide validation rules and the Token Extraction Pipeline gives a partial priority ordering, but there is no end-to-end sequenced extraction procedure with explicit checkpoints or feedback loops, fitting 'steps listed but validation gaps; sequence present but checkpoints missing or implicit' rather than the full validated workflow at 3.

2 / 3

Progressive Disclosure

The body is well organized into headed sections and signals one external path (skills/blocks/codex-host-adapter.md), but at 230 lines with no bundle reference files, detail that should be split out (technical pipelines, output tree, error codes) is all inline, matching the 'some structure but content that should be separate is inline' anchor rather than the split-and-signaled anchor 3.

2 / 3

Total

6

/

12

Passed

Description

57%

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 concrete and occupies a clear niche, but it omits any explicit 'when to use' trigger guidance and lists only one action verb, which keeps specificity and completeness at the mid level.

Suggestions

Add an explicit trigger clause, e.g. 'Use when the user wants to extract or recreate a design system, tokens, or components from a live site or screenshot.'

Enumerate concrete actions ('extract design tokens, catalog components, generate Storybook stories') to lift specificity from a single verb to multiple actions.

Include natural user phrasings such as 'design tokens', 'color palette', 'style guide', or 'recreate the UI' to broaden trigger-term coverage.

DimensionReasoningScore

Specificity

The phrase 'Reverse-engineer design systems, tokens, and components from live products or screenshots' names a concrete domain (tokens, components, screenshots) but relies on a single verb ('Reverse-engineer') rather than enumerating multiple distinct actions, so it lands at 'names domain and some actions, but not comprehensive' rather than the multi-action anchor 3.

2 / 3

Completeness

It clearly answers 'what' (reverse-engineer design systems/tokens/components) but provides no 'Use when...' clause or equivalent explicit trigger guidance, so per the guideline completeness is capped at 2 ('has what, but when is missing or only implied').

2 / 3

Trigger Term Quality

Terms like 'design systems', 'tokens', 'components', and 'screenshots' are reasonably natural, but common variations a user might actually say ('extract', 'color palette', 'style guide', 'recreate', 'design tokens') are missing, matching the 'some relevant keywords but missing common variations' anchor.

2 / 3

Distinctiveness Conflict Risk

The combination of design-system/token/component reverse-engineering from live products or screenshots is a clear niche unlikely to trigger for unrelated skills, matching the 'clear niche with distinct triggers; unlikely to conflict' anchor; it is not generic enough to be a 2.

3 / 3

Total

9

/

12

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.

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