CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

shadcn

shadcn/ui expert guidance — CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration, and high-quality interface design. Use when initializing shadcn, adding components, composing product UI, building custom registries, configuring themes, or troubleshooting component issues.

64

Quality

81%

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

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

Highly actionable reference content with excellent executable examples and useful gotcha fixes, but it is a monolithic single-file skill: everything lives inline in SKILL.md with no progressive disclosure, and there is meaningful duplication between the composition table, composition recipes, and preset sections. The registry and design sections are strong enough to stand alone as reference files.

Suggestions

Split the large standalone sections (Theming/CSS variables, Building a Custom Registry, Design Direction) into reference files under references/ and keep short summaries with pointers in SKILL.md.

Merge the "Reach for this first" table and the "Composition recipes" bullet list into a single source of composition guidance, and fold the standalone "Presets" section into the init options where --preset is already documented.

Trim the opening concept paragraph ("You are an expert in shadcn/ui — a collection of beautifully designed…") to the single non-obvious fact: components are copied as source code, not installed as a dependency.

DimensionReasoningScore

Conciseness

Mostly dense reference material with little concept over-explanation, but it can be tightened: the "Reach for this first" table and the "Composition recipes" bullets repeat the same compositions, presets are documented twice (init options plus a standalone "Presets" section), and the intro re-explains what shadcn/ui is.

3 / 5

Actionability

Fully executable throughout: copy-paste CLI invocations with every flag explained, complete components.json/CSS/TSX blocks, and correct-vs-wrong examples for real gotchas (circular --font-sans reference, Avatar's nonexistent size prop).

5 / 5

Workflow Clarity

Registry creation is sequenced (define → build → consume) and the destructive init (which rewrites globals.css) is backed by an explicit post-init checklist plus --dry-run/--diff/--view affordances, but there is no validate-then-proceed loop for registry builds or `add --all` batch operations — a minor validation gap.

4 / 5

Progressive Disclosure

Well-sectioned with clear headers and tables, but ~570 lines are inlined in a single SKILL.md with no reference files at all — the theming token reference, registry specification, and design-direction guidance clearly belong in separate files pointed to from the overview.

3 / 5

Total

15

/

20

Passed

Description

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

A strong description that clearly states what the skill covers and gives an explicit, multi-trigger "Use when" clause in third person. The only weakness is that capabilities are expressed as noun phrases rather than concrete actions, leaving minor gaps in specificity and trigger synonym coverage.

DimensionReasoningScore

Specificity

Lists seven concrete capability areas ("CLI, component installation, composition patterns, custom registries, theming, Tailwind CSS integration"), but these are noun-phrase domains rather than concrete verb actions, and "high-quality interface design" is mild puffery — just short of the comprehensive action-level specificity of the top anchor.

4 / 5

Completeness

Explicitly answers both "what" (the enumerated guidance areas) and "when" via a concrete "Use when…" clause with multiple trigger phrases, directly matching the anchor-5 example structure.

5 / 5

Trigger Term Quality

"Use when initializing shadcn, adding components, composing product UI, building custom registries, configuring themes, or troubleshooting component issues" covers natural phrases a user would say, but misses common synonyms and signals like "install shadcn", "shadcn/ui components", or "components.json".

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (shadcn/ui specifically) with distinct triggers tied to named CLI operations; minimal overlap risk with generic Tailwind or React skills.

5 / 5

Total

18

/

20

Passed

Validation

81%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 13 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (574 lines); consider splitting into references/ and linking

Warning

metadata_version

'metadata.version' is missing

Warning

metadata_field

'metadata' should map string keys to string values

Warning

Total

13

/

16

Passed

Repository

openai/plugins

Path

plugins/vercel/skills/shadcn/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.