Shadcn

Gives Claude deep knowledge of shadcn/ui patterns so it stops making the same composition mistakes everyone makes when they first use the library. It enforces the non-obvious rules: forms use FieldGroup not divs, icons in buttons need data-icon attributes, spacing uses gap not space-y, and Dialog/Sheet/Drawer must have titles even if visually hidden. The skill pulls live project context via the CLI and links to rule files with incorrect/correct code pairs. Most useful when you're building forms or composing complex layouts and want Claude to follow shadcn conventions instead of generic React patterns. Saves you from fixing the same structural issues in every PR.

skills.sh installs: 132
GitHub stars: 39.4K
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill shadcn --agent claude-code

Installs into .claude/skills of the current project.

Files

shadcn/ui

A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.

IMPORTANT: Run all CLI commands using the project's package runner: npx shadcn@latest, pnpm dlx shadcn@latest, or bunx --bun shadcn@latest — based on the project's packageManager. Examples below use npx shadcn@latest but substitute the correct runner for the project.

When to Use

Use when adding new components from shadcn/ui or community registries.
Use when styling, composing, or debugging existing shadcn/ui components.
Use when initializing a new project or switching design system presets.
Use to retrieve component documentation, examples, and API references.

Current Project Context

Read components.json, the package manifest/lockfile and the installed component source first. If the approved CLI is available, run its info command in the intended project directory and inspect errors directly. Skill Markdown does not inject command output automatically; do not interpret the command text as project JSON or treat any CLI failure as evidence that initialization is needed.

SKILL.md on GitHub