CtrlK
BlogDocsLog inGet started
Tessl Logo

design-system

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.

60

Quality

70%

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 ./skills/design-system/SKILL.md

The canonical home for this skill is tdg-personal/design-system

SKILL.md
Quality
Evals
Security

Quality

Content

72%

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

The skill body is token-efficient and well-structured, but its guidance is procedural rather than executable and its workflows lack validation checkpoints. Providing runnable commands/scripts and an explicit validate-and-verify loop would raise actionability and workflow clarity.

Suggestions

Replace the descriptive numbered mode procedures with executable commands or scripts, or ship the referenced /design-system CLI in scripts/ so the example invocations are real.

Add an explicit validation/verification checkpoint to the generation workflow (e.g., confirm tokens render in the preview, re-run audit to verify scores improved).

Keep the lean, list-driven structure and section organization — it already meets the conciseness and progressive-disclosure anchors.

DimensionReasoningScore

Conciseness

The body is lean and list-driven, assuming Claude's competence — it does not explain what design systems, contrast ratios, or AI slop are, so every token largely earns its place.

3 / 3

Actionability

Guidance is concrete and specific (named dimensions, output filenames, example invocations), but the mode procedures are descriptive checklists/pseudocode rather than executable code, and the /design-system CLI is referenced with no bundled implementation.

2 / 3

Workflow Clarity

Multi-step processes are clearly sequenced (numbered 1-6 generation, 1-10 audit dimensions), but there are no validation checkpoints or error-recovery feedback loops, leaving checkpoints missing or implicit.

2 / 3

Progressive Disclosure

A single self-contained file with no external references, organized into clear sections (When to Use, How It Works with three modes, Examples); per the simple-skill carve-out this satisfies the well-organized-sections anchor.

3 / 3

Total

10

/

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 occupies a clear niche, but lacks an explicit "Use when..." trigger clause and has a somewhat narrow trigger vocabulary. Adding concrete triggering conditions and broader natural terms would lift completeness and trigger quality.

Suggestions

Add an explicit "Use when..." clause naming triggering situations (e.g., "Use when the user wants to set up or audit a design system, fix inconsistent styling, or review a styling-heavy PR").

Broaden trigger terms to include vocabulary users actually say: design tokens, color palette, dark mode, spacing scale, Tailwind/CSS theme.

Keep the concrete action list as-is — it already meets the specificity anchor.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "generate or audit design systems", "check visual consistency", "review PRs that touch styling" — matching the multiple-specific-actions anchor rather than the partial coverage of level 2.

3 / 3

Completeness

The "what" is clearly stated, but triggering guidance is only implied via the "Use this skill to..." capability framing with no explicit "Use when..." clause, which per the guidelines caps completeness at 2.

2 / 3

Trigger Term Quality

Contains natural terms like "design systems", "visual consistency", and "PRs that touch styling", but misses common variations users would actually say (tokens, dark mode, colors, Tailwind theme), so coverage is partial rather than full.

2 / 3

Distinctiveness Conflict Risk

The design-system / visual-consistency / styling-PR niche is clearly carved out and unlikely to fire for unrelated skills, satisfying the clear-niche 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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
affaan-m/ECC
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.