CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

design-system

Captures the user's brand identity once via a 10-question onboarding wizard (primary/accent HEX + heading + body Google Fonts + design style editorial/technical/minimal/playful + default output directory + syntax theme + TOC behavior + optional logo/company), validates body-text and link contrast against WCAG 2.2 AA, derives 12 CSS custom properties in HSL space, and stores the result for every markdown-html converter to consume. Use before any markdown-html conversion. Triggers on first-run onboarding ("set up the brand", "configure markdown-html", "run onboarding"), on explicit reset ("reset the design system", "re-onboard"), and is checked by every converter via config_loader.py before rendering. Refuses to save if body-text contrast fails AA 4.5:1 or the output dir isn't writable. Precedence is project (./.markdown-html/), then global (~/.config/markdown-html/), then built-in defaults; MARKDOWN_HTML_NO_CONFIG=1 bypasses.

72

Quality

90%

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

SKILL.md
Quality
Evals
Security

Quality

Content

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

A strong, disciplined skill body: concrete commands, explicit validation with feedback loops, and tight domain-specific content. Its one real structural flaw is one-directional disclosure — it links the asset schema but leaves its three companion reference documents orphaned, hiding detail (font pairing, token canon, WCAG floor) that the onboarding flow depends on.

Suggestions

Add a 'Deeper reference material' section that explicitly links references/typography_pairing.md (behind the '12 safe defaults' in questions 4-5), references/design_token_canon.md (behind the 12-token table), and references/wcag_accessibility.md (behind hard rule 1), so the bundled detail is discoverable.

Replace the '.../onboard.py' and '.../config_loader.py' abbreviations in the worked-example block with the full 'markdown-html/skills/design-system/scripts/...' paths so every example is copy-paste ready.

Trim the canon-citation sentences in the 'Forcing-question library' and condense the 'Distinct from' section to the essential differentiators.

DimensionReasoningScore

Conciseness

The body is dense with actionable material — symptom/action tables, a 10-question spec, a 12-token derivation table, and exact exit codes — with almost no explanation of concepts Claude already knows. Minor trims are possible: the 'Forcing-question library' canon justifications and the 'Distinct from' section restate rationale a reader can infer.

4 / 5

Actionability

Nearly everything is executable: exact commands ('python3 markdown-html/skills/design-system/scripts/onboard.py --set brand.primary=#FF6B35'), exit codes 3 and 4, and a worked-example block covering defaults, per-repo overrides, reset, --show, bypass, and contrast spot-checks. The gap keeping it from 5: the worked example uses 'python3 .../onboard.py' path abbreviations rather than copy-paste-ready full paths.

4 / 5

Workflow Clarity

Sequencing is explicit (symptom→action 'When to invoke' table; onboarding → config → converter consumption) with genuine validation checkpoints: brand_palette_validator.validate() runs after every change, saves are refused with exit 4 on contrast failure and exit 3 on unwritable output, and error recovery is spelled out ('pick a darker primary, blank brand.bg/brand.text ... or override brand.text directly'). This matches the validate → fix → retry anchor including for the destructive --reset path.

5 / 5

Progressive Disclosure

The body is well sectioned and correctly links assets/design_system_schema.json, but all three bundled reference files (references/design_token_canon.md, references/typography_pairing.md, references/wcag_accessibility.md) are never mentioned — the 'References' section lists external books instead. typography_pairing.md documents exactly the '12 safe defaults' the onboarding table alludes to, yet a reader of SKILL.md has no way to discover it; references present but not signaled.

3 / 5

Total

16

/

20

Passed

Description

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

An exemplary description: specific, third-person, fully explicit about both what it does and when to use it, with natural quoted trigger phrases covering first-run, reset, and per-conversion scenarios. Its only caution is length — it packs implementation detail (precedence chain, bypass env var) into a field loaded every session, which is dense but never padded.

DimensionReasoningScore

Specificity

Multiple concrete actions with comprehensive coverage: 'Captures the user's brand identity once via a 10-question onboarding wizard', 'validates body-text and link contrast against WCAG 2.2 AA', 'derives 12 CSS custom properties in HSL space', 'Refuses to save if body-text contrast fails AA 4.5:1'. Third-person voice throughout, no fluff.

5 / 5

Completeness

Both questions are answered explicitly: 'what' via the enumerated wizard/validation/derivation/storage pipeline, and 'when' via 'Use before any markdown-html conversion. Triggers on first-run onboarding (...), on explicit reset (...)'. This matches the 5-anchor's 'what AND when with concrete trigger phrases' exactly; the 4-anchor's 'when could be more explicit' does not apply.

5 / 5

Trigger Term Quality

Natural phrases a user would actually say are quoted verbatim: 'set up the brand', 'configure markdown-html', 'run onboarding', 'reset the design system', 're-onboard', plus 'markdown-html conversion' — covering first-run, mutation, and reset vocabulary with synonyms. Not the level below (4) because it goes beyond good coverage to genuinely comprehensive natural phrasing.

5 / 5

Distinctiveness Conflict Risk

A clear niche — the shared brand owner for the markdown-html plugin — anchored by unambiguous scope markers ('every markdown-html converter', config_loader.py, ./.markdown-html/, ~/.config/markdown-html/). The quoted trigger phrases are specific to this skill and would not plausibly route to an unrelated one.

5 / 5

Total

20

/

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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_field

'metadata' should map string keys to string values

Warning

Total

15

/

16

Passed

Repository

alirezarezvani/claude-skills

Path

markdown-html/skills/design-system/SKILL.md

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.