CtrlK
BlogDocsLog inGet started
Tessl Logo

shadcn-ui

Give the assistant project-aware shadcn/ui context: components.json, composition patterns, CLI, registries, theming, and MCP. Use when working on web UI, shadcn components, or presets. Overview aligns with https://ui.shadcn.com/docs/skills.md; full upstream skill text is vendored under vendor/shadcn/.

56

Quality

63%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Critical

Do not install without reviewing

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/shadcn-ui/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This skill functions well as a navigation hub and overview for a vendored shadcn/ui skill bundle, with excellent progressive disclosure and file organization. However, the root SKILL.md itself is light on directly actionable content — most concrete guidance is delegated to vendored files. The document could be more concise by removing the example prompts section and reducing explanatory text that doesn't add operational value.

Suggestions

Trim the introductory paragraphs and example prompts section — Claude doesn't need to be told what kinds of questions users might ask; focus on what Claude should do when it encounters shadcn/ui work.

Add a concrete quick-start workflow with validation steps directly in this file (e.g., 1. Check components.json exists, 2. Run info --json, 3. Verify output, 4. Proceed with component operations) rather than only describing the process abstractly in 'How it works'.

Consolidate the 'Learn more (web)' section into the vendored bundle table to avoid duplication of references to the same topics (CLI, Theming, Registry).

DimensionReasoningScore

Conciseness

The skill includes some unnecessary explanation (e.g., the opening paragraph explaining what skills are, the example prompts section, and the 'Learn more' links that duplicate the vendored table). The 'How it works' section is reasonably tight but the overall document could be trimmed by ~30% without losing actionable content.

3 / 5

Actionability

The skill provides some concrete commands (e.g., `cd web && bunx shadcn@latest info --json`, `npx skills add shadcn/ui`) but mostly delegates actionable content to vendored files. The main document itself is more of a navigation hub than an executable guide — it tells Claude where to look rather than what to do in most cases.

3 / 5

Workflow Clarity

The 'How it works' section provides a 4-step sequence (detect → inject context → enforce patterns → discover components) but these are high-level and lack validation checkpoints. There's no explicit feedback loop for error cases. The 'Workflow' note at the bottom helps clarify when to use which file, but the overall process for actually performing tasks (adding components, theming, etc.) is delegated entirely to vendored docs.

3 / 5

Progressive Disclosure

Excellent structure with a clear overview pointing to well-organized vendored files via a comprehensive table. References are one level deep, clearly signaled with both relative paths and descriptions. The final 'Workflow' paragraph provides clear navigation guidance on when to use which file. The bundle structure is logical and well-documented.

5 / 5

Total

14

/

20

Passed

Description

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

This is a reasonably well-crafted description that clearly identifies its domain (shadcn/ui) and includes an explicit 'Use when' clause. Its main weakness is that it describes topics/context areas rather than concrete actions the skill enables, and it could benefit from more natural user-facing trigger terms beyond the technical vocabulary.

Suggestions

Reframe the capability list as concrete actions (e.g., 'Generates shadcn/ui components, configures theming, manages registries') rather than listing context topics.

Add more natural trigger terms users might say, such as 'install component', 'tailwind', 'ui library', or 'design system'.

DimensionReasoningScore

Specificity

Names the domain (shadcn/ui) and lists several specific concepts (components.json, composition patterns, CLI, registries, theming, MCP), but these are more like topic areas than concrete actions. It doesn't describe what actions the skill performs (e.g., 'generates components', 'configures themes').

3 / 5

Completeness

Has both 'what' (gives project-aware shadcn/ui context covering components.json, composition patterns, CLI, registries, theming, MCP) and 'when' ('Use when working on web UI, shadcn components, or presets'). The 'when' clause is explicit but could be more detailed with additional trigger scenarios.

4 / 5

Trigger Term Quality

Includes good trigger terms like 'shadcn/ui', 'web UI', 'shadcn components', 'presets', 'theming', 'CLI', and 'registries'. Missing some natural user phrases like 'add component', 'install shadcn', 'tailwind', or 'ui library'.

4 / 5

Distinctiveness Conflict Risk

Fairly distinct due to the specific mention of shadcn/ui, components.json, and registries. Minor overlap risk with general web UI or Tailwind CSS skills, but the shadcn-specific terminology makes it mostly distinguishable.

4 / 5

Total

15

/

20

Passed

Validation

100%

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

Validation11 / 11 Passed

Validation for skill structure

No warnings or errors.

Repository
langbot-app/langbot-new-api
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.