CtrlK
BlogDocsLog inGet started
Tessl Logo

shadcn

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

73

Quality

92%

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

85%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 highly actionable, well-sequenced body: exhaustive CLI reference, concrete composition patterns, and a workflow with genuine validation gates. The material defect is the bundle itself — every referenced detail file is missing, so the carefully designed progressive disclosure dead-ends — with minor duplication in the body as a secondary cost.

Suggestions

Ship the referenced files in the bundle: rules/styling.md, rules/forms.md, rules/composition.md, rules/chat.md, rules/icons.md, rules/base-vs-radix.md, cli.md, registry.md, and customization.md are all linked (some from the always-enforced Critical Rules) but none exist alongside SKILL.md.

Remove the Key Patterns code block entries that verbatim restate Critical Rules (gap-* vs space-y-*, size-* vs w-*/h-*, semantic colors vs raw colors) and keep only patterns not already covered, pointing to the rule files instead.

Consolidate the `npx shadcn@latest docs <component>` guidance, which is explained in three places (Current Project Context, its own section, and Workflow step 4), into the single dedicated section.

DimensionReasoningScore

Conciseness

Dense and almost entirely shadcn-specific knowledge Claude cannot be assumed to know (chat primitives, preset codes, --diff merging), with no padding explaining known concepts. Not 5: there is real duplication — the Key Patterns block restates Critical Rules (gap-* vs space-y-*, size-* vs w-*/h-*, semantic colors), and the `docs <component>` guidance is explained in three separate sections. Not 3: the verbosity is minor reinforcement, not unnecessary explanation.

4 / 5

Actionability

Copy-paste-ready CLI commands throughout ("npx shadcn@latest add button card dialog", "add button --dry-run", "preset resolve --json", "search @shadcn -q 'sidebar' -t ui") plus concrete JSX patterns for the most common cases (FieldGroup forms, data-invalid validation, data-icon buttons). Not 4: commands and code are complete with real flags and arguments, not high-level hints.

5 / 5

Workflow Clarity

The 9-step Workflow is clearly sequenced with explicit validation checkpoints and feedback loops: check installed components before add, --dry-run/--diff before updating, "always read the added files and verify they are correct... Fix all issues before moving on", never --overwrite without explicit user approval, and ask which registry rather than guessing. Not 4: error-recovery loops and confirmations are explicit at every risky step.

5 / 5

Progressive Disclosure

The body's structure is textbook — an overview with clearly signaled, one-level-deep links and a consolidated Detailed References index — but scoring against the actual bundle, all nine referenced paths (rules/styling.md, rules/forms.md, rules/composition.md, rules/chat.md, rules/icons.md, rules/base-vs-radix.md, cli.md, registry.md, customization.md) are absent; only two asset images ship. Not 4: missing every referenced file is more than a minor organization gap — the disclosure structure never materializes when followed. Not 2: the in-body structure and signaling are nonetheless strong.

3 / 5

Total

17

/

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: third-person voice, comprehensive concrete actions, and an explicit dual trigger clause covering file markers, natural phrases, and quoted commands. No fluff or over-claims.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "adding, searching, fixing, debugging, styling, and composing UI, including chat interfaces" plus "Provides project context, component docs, and usage examples" — giving comprehensive coverage of the skill's surface. Not 4: there are no minor gaps in the action list; every capability is named as a specific verb.

5 / 5

Completeness

Explicitly answers both questions: what ("Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI... Provides project context, component docs, and usage examples") and when ("Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for..."). Not 4: the when-clause is fully explicit with concrete trigger phrases, not merely present.

5 / 5

Trigger Term Quality

Covers natural user phrasing comprehensively: "shadcn/ui", "component registries", "presets", "--preset codes", the components.json file marker, and quoted trigger phrases ("shadcn init", "create an app with --preset", "switch to --preset"). Not 4: it includes both synonyms and a config-file extension-style marker, matching the comprehensive anchor.

5 / 5

Distinctiveness Conflict Risk

Clear niche (shadcn ecosystem) with distinct triggers — the components.json file marker, --preset codes, and named shadcn commands are unambiguous and would not fire for other UI skills. Not 4: overlap risk is minimal because every trigger term is shadcn-specific.

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.

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

allowed_tools_field

'allowed-tools' contains unusual tool name(s)

Warning

relative_links

Relative link issues: 17 missing

Warning

Total

14

/

16

Passed

Repository
shadcn-ui/ui
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.