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.

64

Quality

76%

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

85%

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-organized contract for a single-purpose atom: it defines inputs, a concrete output schema, completion conditions, and edge-case anti-patterns without padding. Its main weakness is actionability — it describes and constrains rather than offering executable code, since the implementation already lives in the daemon plugin.

DimensionReasoningScore

Conciseness

The body is lean and project-specific (input/output contract, token schema, anti-patterns) without explaining concepts Claude already knows; every section earns its place, matching the 'lean and efficient' anchor.

3 / 3

Actionability

Provides concrete guidance — a jsonc token-entry schema and concrete anti-pattern examples ('color: '#fff'', 'bg-blue-500' vs 'bg-blue-600') — but it is a specification/contract for an already-implemented plugin with no executable code or commands, fitting the 'some concrete guidance but incomplete' anchor rather than copy-paste-ready code.

2 / 3

Workflow Clarity

As a simple single-purpose atom it states a clear convergence/completion condition ('completes when code/tokens.json exists') plus empty-bag handling, satisfying the simple-skill allowance for a 3 when the single action is unambiguous.

3 / 3

Progressive Disclosure

A single self-contained file with no bundle references and well-organized sections (Inputs, Output, Convergence, Anti-patterns, Status); per the guideline, under-50-line skills with no need for external references score 3 with well-organized sections.

3 / 3

Total

11

/

12

Passed

Description

67%

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 specific and distinct, naming concrete actions and source types, but it omits any explicit 'Use when...' trigger guidance and leans on internal jargon ('canonical token bag', 'token-map consumes') that reduces trigger-term naturalness.

Suggestions

Add an explicit 'Use when...' clause (e.g., 'Use when migrating a codebase or Figma design into the OD design system and tokens need to be lifted before token-mapping').

Rewrite 'into the canonical token bag token-map consumes' in user-facing terms to drop internal pipeline jargon from the description.

Surface common trigger phrasings users would say ('extract design tokens', 'pull colors/typography/spacing out of our code/Figma') to broaden natural keyword coverage.

DimensionReasoningScore

Specificity

Lists multiple concrete actions and domains — 'Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports' — matching the 'lists multiple specific concrete actions' anchor.

3 / 3

Completeness

Clearly states what the skill does but lacks any 'Use when...' or equivalent explicit trigger guidance; per the judging guidelines a missing trigger clause caps completeness at 2.

2 / 3

Trigger Term Quality

Includes natural terms a user might say (design tokens, color, typography, spacing, Figma, screenshots) but mixes them with internal jargon ('canonical token bag token-map consumes') that a user would not naturally say, fitting the 'some relevant keywords but missing common variations' anchor.

2 / 3

Distinctiveness Conflict Risk

Occupies a clear niche — design-token extraction for code/figma migration with named input sources — making it unlikely to trigger for unrelated skills, matching the 'clear niche with distinct triggers' anchor.

3 / 3

Total

10

/

12

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.