CtrlK
BlogDocsLog inGet started
Tessl Logo

design-system

Audit, document, or extend your design system. Use when checking for naming inconsistencies or hardcoded values across components, writing documentation for a component's variants, states, and accessibility notes, or designing a new pattern that fits the existing system.

53

Quality

60%

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./design/skills/design-system/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

35%

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

The skill provides useful output templates for three design system tasks but is significantly bloated with definitional content Claude already knows (what tokens, components, and patterns are). It lacks concrete, step-by-step workflows for how to actually perform each task — particularly the audit, which needs specific instructions on what to scan and how. The output templates are valuable but would be better served as referenced files rather than inline content.

Suggestions

Remove the entire 'Components of a Design System' section — Claude already knows what design tokens, components, and patterns are. This saves ~20 lines of unnecessary context.

Add concrete step-by-step workflows for each subcommand, especially 'audit': specify what files to scan (CSS, component files), what patterns to grep for (hardcoded hex values, arbitrary spacing), and how to compile findings.

Move the three large output templates to separate referenced files (e.g., AUDIT_TEMPLATE.md, DOCUMENT_TEMPLATE.md, EXTEND_TEMPLATE.md) and keep only a brief summary of each output format in the main skill.

Add validation steps to the audit workflow — e.g., verify findings against actual token definitions before reporting, confirm component file paths exist before documenting.

DimensionReasoningScore

Conciseness

The skill is extremely verbose at ~150+ lines, with large sections explaining what design tokens, components, and patterns are — concepts Claude already knows well. The 'Components of a Design System' section is pure definitional content that adds no actionable value. The three full output templates are lengthy and could be more concise.

1 / 3

Actionability

The output templates provide concrete markdown structures that serve as useful scaffolding, and the usage commands are clear. However, there are no executable code examples, no concrete steps for how to actually perform an audit (e.g., what files to scan, what regex patterns to use for hardcoded values), and the guidance remains at the template/description level rather than providing specific executable instructions.

2 / 3

Workflow Clarity

The three subcommands (audit, document, extend) are clearly separated with distinct output templates, but there's no step-by-step workflow for any of them. For example, the audit command doesn't specify: scan these file types → look for these patterns → compile results → validate findings. There are no validation checkpoints or feedback loops for what could be a complex multi-step process.

2 / 3

Progressive Disclosure

The skill references CONNECTORS.md appropriately, and the content is organized into logical sections. However, the three massive output templates bloat the main file significantly — these could be split into separate reference files. The 'Components of a Design System' definitional section is inline content that doesn't belong in the main skill file at all.

2 / 3

Total

7

/

12

Passed

Description

85%

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 well-structured description that clearly defines its scope (design system work) and provides explicit trigger conditions via a 'Use when...' clause with three distinct scenarios. Its main weakness is that the trigger terms could be broader to capture more natural user phrasings like 'tokens', 'theme', or 'style guide'. Overall, it's a strong description that would perform well in skill selection.

Suggestions

Add more natural trigger terms users might say, such as 'tokens', 'theme', 'style guide', 'UI library', or 'component library' to improve discoverability.

DimensionReasoningScore

Specificity

Lists multiple specific concrete actions: 'audit', 'document', 'extend' a design system, plus elaborates with checking naming inconsistencies, hardcoded values, writing documentation for variants/states/accessibility notes, and designing new patterns.

3 / 3

Completeness

Clearly answers both 'what' (audit, document, or extend your design system) and 'when' with an explicit 'Use when...' clause listing three specific trigger scenarios: checking naming inconsistencies, writing component documentation, and designing new patterns.

3 / 3

Trigger Term Quality

Includes relevant terms like 'design system', 'naming inconsistencies', 'hardcoded values', 'components', 'variants', 'states', 'accessibility', but misses common user phrasings like 'tokens', 'theme', 'style guide', 'UI library', or file-type triggers. The terms are somewhat specialized and may not cover all natural ways users would phrase requests.

2 / 3

Distinctiveness Conflict Risk

The focus on 'design system' auditing, documentation, and extension is a clear niche. The specific triggers around naming inconsistencies, hardcoded values, component variants, and accessibility notes make it unlikely to conflict with general coding or documentation skills.

3 / 3

Total

11

/

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
anthropics/knowledge-work-plugins
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.