CtrlK
BlogDocsLog inGet started
Tessl Logo

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/) > global (~/.config/markdown-html/) > built-in defaults; MARKDOWN_HTML_NO_CONFIG=1 bypasses.

75

Quality

94%

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

The canonical home for this skill is design-system in alirezarezvani/claude-skills

SKILL.md
Quality
Evals
Security

Quality

Content

88%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 a dense, actionable reference: exact commands with flags and exit codes, a symptom→action invocation table, explicit WCAG/writability validation with feedback loops, and a derived-token table. It loses only minor points for the optional forcing-question library and references to bundle files not present in the skill directory.

DimensionReasoningScore

Conciseness

Mostly lean and token-efficient—dense tables, exit codes, and copy-paste commands with no explain-the-basics filler—but the 'Forcing-question library' with per-question recommended answers and canon citations adds length that could be trimmed. It is above the 'mostly efficient' anchor but not fully 'every token earns its place'.

4 / 5

Actionability

Fully executable guidance: exact invocations like 'python3 markdown-html/skills/design-system/scripts/onboard.py' with --defaults/--set/--scope/--reset flags, a worked-example block, and a validator spot-check command covering the common cases.

5 / 5

Workflow Clarity

Clear sequencing via the 'When to invoke' symptom→action table and worked example, with explicit validation checkpoints ('validate() runs after every change', 'refuses to save (exit code 4)') and error-recovery guidance ('pick a darker primary...or override brand.text directly').

5 / 5

Progressive Disclosure

Well-organized single-file skill with clear sections and one-level-deep pointers (assets/design_system_schema.json, config_loader.py), but the referenced assets/scripts/ and references/ bundles are not present in the shipped skill directory, so a referenced path is not verifiable; structure is good with a minor gap.

4 / 5

Total

18

/

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.

The description is exemplary: it states concrete capabilities, gives explicit natural-language trigger phrases for first-run and reset, and disambiguates its niche, all in third person. It fully answers both 'what' and 'when' with no verbosity or vague fluff.

DimensionReasoningScore

Specificity

Lists multiple concrete actions—'Captures...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...contrast fails...or the output dir isn't writable'—with comprehensive coverage and no abstract filler.

5 / 5

Completeness

Explicitly answers both what (capture brand, validate contrast, derive 12 tokens, store for converters) and when ('Use before any markdown-html conversion. Triggers on first-run onboarding...on explicit reset...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural phrases a user would actually say—'set up the brand', 'configure markdown-html', 'run onboarding', 'reset the design system', 're-onboard'—with synonym coverage (reset/re-onboard, set up/configure).

5 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (brand/design-system onboarding for the markdown-html plugin) with distinct, scoped triggers and explicit 'Distinct from' disambiguation, yielding minimal overlap risk.

5 / 5

Total

20

/

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.

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

referenced_paths_exist

Referenced path issues: 1 missing

Warning

Total

14

/

16

Passed

Repository
alirezarezvani/claude-skills
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.