Skip to content
MeloSkill

Components

shadcn/ui skills for coding agents

Official shadcn skill plus the files that decide when to reach for that library at all.

Last reviewed 2026-09-10 · Methodology · How to choose · How to install

Skill When to use it Platform Updated Safety
shadcn
shadcn-ui/ui
The agent should run the shadcn CLI, respect components.json, and stop inventing one-off buttons. Any agent 2026-07-23 pass
Pick UI Library
emilkowalski/skills
When the repo has no component kit yet and the agent needs a choice, not a default to shadcn. Any agent 2026-07-21 pass
Composition Patterns
vercel-labs/agent-skills
When shadcn primitives are in the tree but the agent is still building unnecessary wrappers. Any agent 2026-01-28 pass

Safety is a text search on the file, not an audit. Pass / Review / Risk are explained in the evaluation guide.

  1. 01

    shadcn

    The default for this task. The agent adds and composes shadcn primitives through the CLI. If the repo has no kit yet, start with pick-ui-library instead of assuming shadcn.

    npx skills add https://github.com/shadcn-ui/ui/tree/HEAD/skills/shadcn

  2. 02

    Pick UI Library

    A decision file, not an implementation file. Use it when the project has not chosen a component kit. It should prevent a silent default to shadcn.

    npx skills add https://github.com/emilkowalski/skills/tree/HEAD/skills/pick-ui-library

  3. 03

    Composition Patterns

    For repos already on shadcn where the agent still wraps every primitive. It is the composition follow-up, not a second way to install the library.

    npx skills add https://github.com/vercel-labs/agent-skills/tree/HEAD/skills/composition-patterns

FAQ

Is the official skill enough?

For adding and composing shadcn components, yes. pick-ui-library if the project has not chosen a kit yet. composition-patterns if the agent is wrapping every primitive in a new abstraction.

Does this install MCP?

The official skill may mention the shadcn MCP. This directory lists the SKILL.md. You still decide whether to enable MCP in the agent.

What if my project is not on shadcn?

Do not install this task’s official skill. Use the UI/UX or frontend-design tasks instead.

Related tasks