shadcn-context

shadcn/ui context: components, patterns, and the right composition by default.

Score 0(?)VerifiedCodeby shadcn
Verified for:

Install

$ npx skills add shadcn/skills

Best for

Teams using shadcn/ui who want the agent to honor component conventions.

About this skill

shadcn/ui component context and patterns for agents to use components correctly.

shadcnComponents

Score breakdown

Score breakdown

rubric 1.0
Install count
0/20
Provenance
12.8/15
GitHub stars
0/15
Recency
6/10
Compatibility
4/10
Documentation depth
8.5/10
Install ergonomics
10/10
License
5/5
Verification freshness
3/5

Composite 0–100 score derived from 9 verifiable signals. See the rubric →

Escape generic AI-generated UIs. Forces a bold, distinctive design direction before any code is written.

ReactTailwindDesign
All surfaces

Self-contained HTML artifacts with React + shadcn/ui — no build step, just paste and run.

Reactshadcn/uiArtifacts
All surfaces

Lock generated UIs to a brand. Anthropic's own guidelines, formalized as a skill.

BrandGuidelinesIdentity
All surfaces

Skill FAQ

About shadcn-context

What is the shadcn-context skill?

shadcn/ui component context and patterns for agents to use components correctly.

Which agents does shadcn-context work with?

Claude Code, Cursor.

How do I install shadcn-context?

Run `npx skills add shadcn/skills` for Claude Code. See the install panel for per-agent commands.

Is shadcn-context free to use?

Yes — shadcn-context is open source (MIT).

Who maintains shadcn-context?

shadcn-context is published by shadcn and was last updated on 2026-04-20.

What is shadcn-context best for?

Teams using shadcn/ui who want the agent to honor component conventions.