CtrlK
BlogDocsLog inGet started
Tessl Logo

design-extract

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes.

61

Quality

72%

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 ./plugins/_official/atoms/design-extract/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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 tight, well-structured spec with concrete data contracts and a clear completion criterion, appropriate for a single-purpose extraction atom. The main gap is the lack of a worked example and an explicit validation/feedback loop.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence (no basic-concept explanations), with only minor trimming candidates like "the input shape is intentionally generic so the same atom serves both code-migration and figma-migration".

4 / 5

Actionability

Provides a concrete output file tree, a jsonc token-entry schema with field semantics (sources[]/usage[] audit trail), concrete input sources, and an implementation path; minor gaps are the absence of a fully populated tokens.json example or runnable commands.

4 / 5

Workflow Clarity

The single-purpose action is unambiguous and the Convergence section gives an explicit completion criterion plus empty-bag handling, though there is no validate→fix→retry feedback loop (not strictly required for read-only extraction).

4 / 5

Progressive Disclosure

Under 50 lines with no bundle files needed, organized into clear, well-signaled sections (Inputs, Output, Convergence, Anti-patterns, Status), meeting the simple-skill exception for a top score.

5 / 5

Total

17

/

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.

The description clearly conveys what the skill does and is reasonably specific, but it lacks an explicit "Use when..." trigger clause, which caps completeness. Adding concrete trigger phrasing would push it toward the top anchors.

Suggestions

Append an explicit 'Use when...' clause naming trigger scenarios, e.g. 'Use when migrating a repo's design tokens, or when the user mentions Figma exports, screenshots, or token crosswalking.'

Add common synonyms ("design system", "theme", "CSS variables", "Tailwind config") to broaden natural trigger coverage.

Consider a second concrete action verb (e.g. 'lift', 'normalize', 'dedupe') beyond just 'Extract' to signal fuller coverage.

DimensionReasoningScore

Specificity

Names the domain ("design tokens") with concrete categories ("color / typography / spacing") and enumerates source types ("source code, screenshots, or Figma exports"), giving several specific inputs, though it relies on a single action verb ("Extract").

4 / 5

Completeness

The "what" is clear (extract tokens into a canonical bag), but there is no explicit "Use when..." trigger clause, so per the guideline completeness is capped at 3.

3 / 5

Trigger Term Quality

Covers natural design/dev terms like "design tokens", "color", "typography", "Figma exports", and "screenshots", but omits common synonyms such as "design system", "theme", or "CSS variables".

4 / 5

Distinctiveness Conflict Risk

The niche is specific (token extraction feeding a named downstream "token-map" consumer), with only minor overlap risk against sibling atoms like figma-extract or token-map.

4 / 5

Total

15

/

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.

Validation15 / 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
nexu-io/open-design
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.