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. Use when generating or auditing a design system, checking visual consistency, or reviewing a PR that touches styling.

68

Quality

84%

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

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

SKILL.md
Quality
Evals
Security

Quality

Content

80%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 is well-organized and token-efficient with concrete command examples, but the generation and audit workflows are described abstractly rather than made executable, and none of the destructive/batch modes include validation checkpoints. Adding explicit verify-after-run steps would lift workflow clarity and actionability.

Suggestions

Add a validation/verification checkpoint to Mode 1 (e.g., 'Validate design-tokens.json is well-formed and DESIGN.md renders before finishing') and to the audit (e.g., re-check that every flagged issue includes a concrete file:line fix) to satisfy the feedback-loop requirement.

Replace the conceptual Mode 1 steps ('Scan CSS…', 'Extract…') with concrete executable commands or a runnable script reference so the generation workflow is copy-paste actionable.

Show one concrete audit finding example with the file:line fix format the body promises, rather than only describing the output structure.

DimensionReasoningScore

Conciseness

The body is lean — mode lists, numbered steps, and code blocks with minimal prose and no padding explaining familiar concepts like CSS or Tailwind; every token earns its place.

5 / 5

Actionability

Concrete slash-command examples and numbered extraction lists are present, but the generation and audit steps are described conceptually ('Scan CSS…', 'Extract…') rather than as executable commands, and the promised 'fix with exact file:line' is not demonstrated.

4 / 5

Workflow Clarity

Mode 1 has a clear 6-step sequence, but the destructive/batch operations (overwriting DESIGN.md, auditing, file modification) lack any validation or verification checkpoints, which caps workflow clarity at 3 per the rubric feedback-loop rule.

3 / 5

Progressive Disclosure

A short, single-purpose skill under 50 lines with no bundle files and clean section organization (When to Use / How It Works / Examples), qualifying for the simple-skill exception.

5 / 5

Total

17

/

20

Passed

Description

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

The description is concise, specific, and clearly answers both what the skill does and when to use it, with strong third-person trigger phrasing. The only gap is mild redundancy in the two trigger clauses rather than broader synonym coverage.

DimensionReasoningScore

Specificity

Lists three concrete actions — 'generate or audit design systems, check visual consistency, and review PRs that touch styling' — giving comprehensive coverage of the skill's modes.

5 / 5

Completeness

Explicitly answers both 'what' (generate/audit/consistency/PR review) and 'when' with a concrete 'Use when...' trigger clause.

5 / 5

Trigger Term Quality

Natural terms like 'design systems', 'visual consistency', and 'reviewing a PR that touches styling' are present, but the second 'Use when' clause largely restates the first rather than adding synonyms or extensions.

4 / 5

Distinctiveness Conflict Risk

The design-system/styling niche is distinct with clear triggers, with only minor overlap risk against general code-review skills via the PR-review clause.

4 / 5

Total

18

/

20

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.