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.

60

Quality

75%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./design/skills/design-system/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%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 delivers genuinely useful, concrete output templates for all three modes, but it pads itself with design-system concept explanations Claude already knows and never specifies the audit methodology or any validation checkpoints. It is also a monolith: with no reference files, every mode's ~40-line template is loaded regardless of which subcommand runs.

Suggestions

Cut the 'Components of a Design System' and 'Principles' sections (or compress to a few lines) — Claude already knows what design tokens, component variants, and UI patterns are; the token budget is better spent on methodology.

Add an explicit audit workflow with steps and a verification checkpoint (e.g., 1. enumerate components, 2. grep for hardcoded hex/px values, 3. cross-check naming against tokens, 4. re-validate findings against source before writing the report), since the 'Score: [X/100]' output currently has no defined basis.

Move each mode's output template into a one-level-deep reference file (e.g., references/audit-template.md, references/document-template.md, references/extend-template.md) so SKILL.md stays a lean overview and only the relevant template is loaded.

DimensionReasoningScore

Conciseness

The output templates earn their tokens, but ~30 lines are spent explaining concepts Claude already knows — 'Design Tokens: Atomic values that define the visual language: Colors... Typography... Spacing...' plus a generic 'Components of a Design System' taxonomy and advice like 'Consistency over creativity'. This matches 'mostly efficient but includes some unnecessary explanation'; not a 2 because the majority of the body is template content rather than padding, and not a 4 because the concept-explainer section and Tips are clearly trimmable.

3 / 5

Actionability

For an instruction-only skill the guidance is concrete: exact slash-command invocations ('/design-system audit') and full markdown output templates with tables and worked rows (e.g., 'Button | ✅ | ✅ | ⚠️ | 8/10'). It stops short of a 5 because the audit mode never says how to detect issues — no grep patterns for hardcoded hex, no commands to scan component files — leaving the core execution method implicit.

4 / 5

Workflow Clarity

The three modes each have a target output shape, but the actual sequence of an audit (what to scan, in what order, how to score the 100-point total) is unstated, and there are no validation or verification checkpoints — only an implicit 'Start with an audit' tip. This matches 'steps listed but validation gaps; sequence present but checkpoints missing or implicit'; not a 2 because the mode separation and output contracts do provide a coherent rough sequence.

3 / 5

Progressive Disclosure

The body is well-sectioned with headers, but everything lives in one 185-line SKILL.md with no bundle files (references/, scripts/, assets/ are absent) — ~120 lines of per-mode output templates that a given invocation won't use are always loaded into context. The single reference is an external path ('../../CONNECTORS.md') outside the skill bundle. This fits 'some structure but could be better organized'; not a 2 because the sections are clearly navigable, and not a 4 because the per-mode templates are prime candidates for one-level-deep reference files.

3 / 5

Total

13

/

20

Passed

Description

83%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.

A strong description: it names three concrete capabilities and pairs them with an explicit 'Use when...' clause enumerating realistic trigger scenarios, so both what and when are answered clearly. Its only deductions are the second-person 'your design system' phrasing and a few missing synonyms (design tokens, style guide) that would otherwise push it to the top of the scale.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — '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' — which is near the comprehensive anchor. However, 'Audit, document, or extend your design system' uses second-person voice ('your'), which the judging guidelines penalize by reducing the specificity score by 1 from a base of 5.

4 / 5

Completeness

It clearly answers 'what' ('Audit, document, or extend your design system') and explicitly answers 'when' with concrete trigger phrases ('Use when checking for naming inconsistencies or hardcoded values across components, writing documentation..., or designing a new pattern'), matching the top anchor exactly. Not a 4 because the 'when' clause is explicit and enumerates concrete triggering scenarios rather than a generic 'when working with design systems'.

5 / 5

Trigger Term Quality

Good natural keyword coverage: 'design system', 'naming inconsistencies', 'hardcoded values', 'components', 'variants', 'states', 'accessibility', 'pattern'. A few common synonyms are missing (e.g., 'design tokens', 'style guide', 'component library'), matching the 'good keyword coverage; a few natural terms missing' anchor rather than the comprehensive synonym coverage of a 5.

4 / 5

Distinctiveness Conflict Risk

'Design system' is a clear niche with distinct triggers, but terms like 'naming inconsistencies', 'hardcoded values', and 'documentation' create minor overlap risk with code-review or documentation skills — matching the 'mostly distinct; minor overlap risk' anchor. Not a 5 because it lacks a qualifier that would fully fence it off from general code-consistency tooling.

4 / 5

Total

17

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

relative_links

Relative link issues: 1 suspicious

Warning

Total

14

/

16

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.