CtrlK
BlogDocsLog inGet started
Tessl Logo

design-system

Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation. Use this skill whenever the user wants to build a design system, audit an existing system, define design tokens at the system level, structure a component library, or set up design system governance. Triggers on design system, component library, design tokens, atomic design, atoms, molecules, organisms, design system documentation, Storybook, Figma library, system governance, design contribution model. Also triggers when teams are inconsistent across products and a system is the answer.

67

Quality

81%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

SKILL.md
Quality
Evals
Security

Quality

Discovery

100%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

This is a strong, well-crafted skill description that clearly articulates what the skill does, when to use it, and includes comprehensive trigger terms that practitioners would naturally use. It uses proper third-person voice, lists concrete actions, and occupies a distinct niche. The final sentence about teams being inconsistent is a nice contextual trigger, though slightly vague compared to the rest.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: 'Build or audit a design system including component library, design tokens, naming conventions, contribution model, and documentation.' This clearly enumerates distinct deliverables and activities.

3 / 3

Completeness

Clearly answers both 'what' (build or audit a design system including specific components) and 'when' (explicit 'Use this skill whenever...' clause plus a detailed 'Triggers on' list). Both dimensions are thoroughly addressed.

3 / 3

Trigger Term Quality

Excellent coverage of natural trigger terms users would say: 'design system', 'component library', 'design tokens', 'atomic design', 'atoms', 'molecules', 'organisms', 'Storybook', 'Figma library', 'system governance', 'design contribution model'. These are terms practitioners naturally use.

3 / 3

Distinctiveness Conflict Risk

Highly distinctive niche focused on design systems specifically. The trigger terms like 'atomic design', 'Storybook', 'Figma library', 'design system governance' are very specific and unlikely to conflict with general UI/UX or component development skills.

3 / 3

Total

12

/

12

Passed

Implementation

62%

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

This is a well-organized design system skill with strong workflow clarity and good routing to related skills. Its main weaknesses are verbosity (explaining concepts Claude likely knows, like what atoms/molecules/organisms are) and lack of concrete, executable examples (no sample token files, no example audit snippets). The progressive disclosure structure is reasonable but the body carries too much detail that could be offloaded to the referenced files.

Suggestions

Add a concrete example of a token set (e.g., a sample CSS variables file or Style Dictionary config) to make the foundations layer actionable rather than descriptive.

Trim explanatory text that Claude already knows—e.g., remove 'Why this layer matters' rationale blocks and the explanation of atomic design terminology. Trust Claude to understand these concepts.

Move the detailed per-element and per-component documentation checklists into a reference file (e.g., references/component-checklist.md) to keep the main skill leaner.

Include a sample audit output snippet showing what the design-system-audit.md should actually look like, rather than just listing section headings.

DimensionReasoningScore

Conciseness

The skill is well-structured but verbose in places. Sections like 'Why this layer matters' for tokens explain things Claude already understands. The 'When to use' / 'When NOT to use' / 'Required inputs' sections add useful routing but could be tighter. The five-layer framework is detailed but some of the per-element/per-component documentation lists are somewhat obvious for Claude.

2 / 3

Actionability

The skill provides clear workflows with numbered steps and specific deliverables, but lacks concrete executable examples—no code snippets for token implementation, no example token files, no sample audit output. Guidance is descriptive rather than copy-paste ready. References to templates exist but bundle files aren't provided, so the actionability depends on files we can't verify.

2 / 3

Workflow Clarity

Both the 'new design system' and 'audit' workflows are clearly sequenced with logical ordering and dependencies (e.g., brand before tokens, foundations before elements). The audit workflow includes prioritization logic (foundation gaps first, high-use drift second). The failure patterns section serves as implicit validation checkpoints. For a design process skill (not destructive code operations), this level of workflow clarity is strong.

3 / 3

Progressive Disclosure

The skill references three specific files in a 'Reference files' section with clear descriptions and relative paths, which is good structure. However, no bundle files are provided, so these references are unverifiable. The main body itself is quite long (~200+ lines) and some content (like the detailed per-element documentation checklist or the full failure patterns list) could be offloaded to reference files to keep the SKILL.md leaner.

2 / 3

Total

9

/

12

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

10

/

11

Passed

Repository
rampstackco/claude-skills
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.