How do I install the Shadcn Docs skill?

Run npx skillmds@latest add knuckles-team/shadcn-docs in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Shadcn Docs skill do?

Comprehensive reference documentation for Shadcn Docs. It is listed under Docs & Writing on SkillMD.

Is Shadcn Docs safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Shadcn Docs?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Shadcn Docs free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Shadcn Docs?

Knuckles-Team (@knuckles-team) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Shadcn Docs by knuckles-team — Agent Skill

Name: Shadcn Docs
Author: Knuckles-Team

File contents

Shadcn — Reference Skill-Graph

Comprehensive reference documentation for Shadcn Docs.


Version	1.0.0
Files	109 (778 KB)
Source types	llms
Knowledge Graph	— (offline corpus)
Built	June 16, 2026

Sources: https://ui.shadcn.com

🧭 How to use this skill-graph

This is a full reference corpus for Shadcn — a manual at your disposal. Treat it as ground truth: quote it, don't paraphrase from memory.

Look something up: scan the Table of Contents (or index.json for a machine-readable map), open the specific reference/… file, quote it + link it.
Stay grounded: never invent APIs/flags — verify against the reference and cite the file. sources.json tracks provenance + freshness.

📚 Table of Contents

📁 ui.shadcn.com/ (109)
- 📁 docs/ (106)
  - 📁 components/ (59)
    - Accordion
    - Alert Dialog
    - Alert
    - Aspect Ratio
    - Avatar
    - Badge
    - Breadcrumb
    - Button Group
    - Button
    - Calendar
    - Card
    - Carousel
    - Chart
    - Checkbox
    - Collapsible
    - Combobox
    - Command
    - Context Menu
    - Data Table
    - Date Picker
    - Dialog
    - Direction
    - Drawer
    - Dropdown Menu
    - Empty
    - Field
    - Hover Card
    - Input Group
    - Input Otp
    - Input
    - Item
    - Kbd
    - Label
    - Menubar
    - Native Select
    - Navigation Menu
    - Pagination
    - Popover
    - Progress
    - Radio Group
    - Resizable
    - Scroll Area
    - Select
    - Separator
    - Sheet
    - Sidebar
    - Skeleton
    - Slider
    - Sonner
    - Spinner
    - Switch
    - Table
    - Tabs
    - Textarea
    - Toast
    - Toggle Group
    - Toggle
    - Tooltip
    - Typography
  - 📁 dark-mode/ (4)
    - Astro
    - Next
    - Remix
    - Vite
  - 📁 forms/ (4)
    - Formisch
    - Next
    - React Hook Form
    - Tanstack Form
  - 📁 installation/ (10)
    - Astro
    - Gatsby
    - Laravel
    - Manual
    - Next
    - React Router
    - Remix
    - Tanstack Router
    - Tanstack
    - Vite
  - 📁 registry/ (10)
    - Authentication
    - Examples
    - Faq
    - Getting Started
    - Mcp
    - Namespace
    - Open In V0
    - Registry Index
    - Registry Item Json
    - Registry Json
  - 📁 rtl/ (3)
    - Next
    - Start
    - Vite
  - Changelog
  - Cli
  - Components Json
  - Dark Mode
  - Directory
  - Figma
  - Forms
  - Javascript
  - Mcp
  - Monorepo
  - React 19
  - Registry
  - Rtl
  - Skills
  - Tailwind V4
  - Theming
- 📁 schema/ (2)
  - Registry Item.Json
  - Registry.Json
- Docs

---name: shadcn-docsdescription: Comprehensive reference documentation for Shadcn Docs.---# Shadcn — Reference Skill-Graph> Comprehensive reference documentation for Shadcn Docs.| | ||---|---|| **Version** | 1.0.0 || **Files** | 109 (778 KB) || **Source types** | llms || **Knowledge Graph** | — (offline corpus) || **Built** | June 16, 2026 |**Sources:** [https://ui.shadcn.com](https://ui.shadcn.com)## 🧭 How to use this skill-graphThis is a **full reference corpus for Shadcn** — a manual at your disposal. Treat it as ground truth: quote it, don't paraphrase from memory.- **Look something up:** scan the Table of Contents (or `index.json` for a machine-readable map), open the specific `reference/…` file, quote it + link it.- **Stay grounded:** never invent APIs/flags — verify against the reference and cite the file. `sources.json` tracks provenance + freshness.## 📚 Table of Contents- 📁 **ui.shadcn.com/** (109) - 📁 **docs/** (106) - 📁 **components/** (59) - [Accordion](reference/ui.shadcn.com/docs/components/accordion.md) - [Alert Dialog](reference/ui.shadcn.com/docs/components/alert-dialog.md) - [Alert](reference/ui.shadcn.com/docs/components/alert.md) - [Aspect Ratio](reference/ui.shadcn.com/docs/components/aspect-ratio.md) - [Avatar](reference/ui.shadcn.com/docs/components/avatar.md) - [Badge](reference/ui.shadcn.com/docs/components/badge.md) - [Breadcrumb](reference/ui.shadcn.com/docs/components/breadcrumb.md) - [Button Group](reference/ui.shadcn.com/docs/components/button-group.md) - [Button](reference/ui.shadcn.com/docs/components/button.md) - [Calendar](reference/ui.shadcn.com/docs/components/calendar.md) - [Card](reference/ui.shadcn.com/docs/components/card.md) - [Carousel](reference/ui.shadcn.com/docs/components/carousel.md) - [Chart](reference/ui.shadcn.com/docs/components/chart.md) - [Checkbox](reference/ui.shadcn.com/docs/components/checkbox.md) - [Collapsible](reference/ui.shadcn.com/docs/components/collapsible.md) - [Combobox](reference/ui.shadcn.com/docs/components/combobox.md) - [Command](reference/ui.shadcn.com/docs/components/command.md) - [Context Menu](reference/ui.shadcn.com/docs/components/context-menu.md) - [Data Table](reference/ui.shadcn.com/docs/components/data-table.md) - [Date Picker](reference/ui.shadcn.com/docs/components/date-picker.md) - [Dialog](reference/ui.shadcn.com/docs/components/dialog.md) - [Direction](reference/ui.shadcn.com/docs/components/direction.md) - [Drawer](reference/ui.shadcn.com/docs/components/drawer.md) - [Dropdown Menu](reference/ui.shadcn.com/docs/components/dropdown-menu.md) - [Empty](reference/ui.shadcn.com/docs/components/empty.md) - [Field](reference/ui.shadcn.com/docs/components/field.md) - [Hover Card](reference/ui.shadcn.com/docs/components/hover-card.md) - [Input Group](reference/ui.shadcn.com/docs/components/input-group.md) - [Input Otp](reference/ui.shadcn.com/docs/components/input-otp.md) - [Input](reference/ui.shadcn.com/docs/components/input.md) - [Item](reference/ui.shadcn.com/docs/components/item.md) - [Kbd](reference/ui.shadcn.com/docs/components/kbd.md) - [Label](reference/ui.shadcn.com/docs/components/label.md) - [Menubar](reference/ui.shadcn.com/docs/components/menubar.md) - [Native Select](reference/ui.shadcn.com/docs/components/native-select.md) - [Navigation Menu](reference/ui.shadcn.com/docs/components/navigation-menu.md) - [Pagination](reference/ui.shadcn.com/docs/components/pagination.md) - [Popover](reference/ui.shadcn.com/docs/components/popover.md) - [Progress](reference/ui.shadcn.com/docs/components/progress.md) - [Radio Group](reference/ui.shadcn.com/docs/components/radio-group.md) - [Resizable](reference/ui.shadcn.com/docs/components/resizable.md) - [Scroll Area](reference/ui.shadcn.com/docs/components/scroll-area.md) - [Select](reference/ui.shadcn.com/docs/components/select.md) - [Separator](reference/ui.shadcn.com/docs/components/separator.md) - [Sheet](reference/ui.shadcn.com/docs/components/sheet.md) - [Sidebar](reference/ui.shadcn.com/docs/components/sidebar.md) - [Skeleton](reference/ui.shadcn.com/docs/components/skeleton.md) - [Slider](reference/ui.shadcn.com/docs/components/slider.md) - [Sonner](reference/ui.shadcn.com/docs/components/sonner.md) - [Spinner](reference/ui.shadcn.com/docs/components/spinner.md) - [Switch](reference/ui.shadcn.com/docs/components/switch.md) - [Table](reference/ui.shadcn.com/docs/components/table.md) - [Tabs](reference/ui.shadcn.com/docs/components/tabs.md) - [Textarea](reference/ui.shadcn.com/docs/components/textarea.md) - [Toast](reference/ui.shadcn.com/docs/components/toast.md) - [Toggle Group](reference/ui.shadcn.com/docs/components/toggle-group.md) - [Toggle](reference/ui.shadcn.com/docs/components/toggle.md) - [Tooltip](reference/ui.shadcn.com/docs/components/tooltip.md) - [Typography](reference/ui.shadcn.com/docs/components/typography.md) - 📁 **dark-mode/** (4) - [Astro](reference/ui.shadcn.com/docs/dark-mode/astro.md) - [Next](reference/ui.shadcn.com/docs/dark-mode/next.md) - [Remix](reference/ui.shadcn.com/docs/dark-mode/remix.md) - [Vite](reference/ui.shadcn.com/docs/dark-mode/vite.md) - 📁 **forms/** (4) - [Formisch](reference/ui.shadcn.com/docs/forms/formisch.md) - [Next](reference/ui.shadcn.com/docs/forms/next.md) - [React Hook Form](reference/ui.shadcn.com/docs/forms/react-hook-form.md) - [Tanstack Form](reference/ui.shadcn.com/docs/forms/tanstack-form.md) - 📁 **installation/** (10) - [Astro](reference/ui.shadcn.com/docs/installation/astro.md) - [Gatsby](reference/ui.shadcn.com/docs/installation/gatsby.md) - [Laravel](reference/ui.shadcn.com/docs/installation/laravel.md) - [Manual](reference/ui.shadcn.com/docs/installation/manual.md) - [Next](reference/ui.shadcn.com/docs/installation/next.md) - [React Router](reference/ui.shadcn.com/docs/installation/react-router.md) - [Remix](reference/ui.shadcn.com/docs/installation/remix.md) - [Tanstack Router](reference/ui.shadcn.com/docs/installation/tanstack-router.md) - [Tanstack](reference/ui.shadcn.com/docs/installation/tanstack.md) - [Vite](reference/ui.shadcn.com/docs/installation/vite.md) - 📁 **registry/** (10) - [Authentication](reference/ui.shadcn.com/docs/registry/authentication.md) - [Examples](reference/ui.shadcn.com/docs/registry/examples.md) - [Faq](reference/ui.shadcn.com/docs/registry/faq.md) - [Getting Started](reference/ui.shadcn.com/docs/registry/getting-started.md) - [Mcp](reference/ui.shadcn.com/docs/registry/mcp.md) - [Namespace](reference/ui.shadcn.com/docs/registry/namespace.md) - [Open In V0](reference/ui.shadcn.com/docs/registry/open-in-v0.md) - [Registry Index](reference/ui.shadcn.com/docs/registry/registry-index.md) - [Registry Item Json](reference/ui.shadcn.com/docs/registry/registry-item-json.md) - [Registry Json](reference/ui.shadcn.com/docs/registry/registry-json.md) - 📁 **rtl/** (3) - [Next](reference/ui.shadcn.com/docs/rtl/next.md) - [Start](reference/ui.shadcn.com/docs/rtl/start.md) - [Vite](reference/ui.shadcn.com/docs/rtl/vite.md) - [Changelog](reference/ui.shadcn.com/docs/changelog.md) - [Cli](reference/ui.shadcn.com/docs/cli.md) - [Components Json](reference/ui.shadcn.com/docs/components-json.md) - [Dark Mode](reference/ui.shadcn.com/docs/dark-mode.md) - [Directory](reference/ui.shadcn.com/docs/directory.md) - [Figma](reference/ui.shadcn.com/docs/figma.md) - [Forms](reference/ui.shadcn.com/docs/forms.md) - [Javascript](reference/ui.shadcn.com/docs/javascript.md) - [Mcp](reference/ui.shadcn.com/docs/mcp.md) - [Monorepo](reference/ui.shadcn.com/docs/monorepo.md) - [React 19](reference/ui.shadcn.com/docs/react-19.md) - [Registry](reference/ui.shadcn.com/docs/registry.md) - [Rtl](reference/ui.shadcn.com/docs/rtl.md) - [Skills](reference/ui.shadcn.com/docs/skills.md) - [Tailwind V4](reference/ui.shadcn.com/docs/tailwind-v4.md) - [Theming](reference/ui.shadcn.com/docs/theming.md) - 📁 **schema/** (2) - [Registry Item.Json](reference/ui.shadcn.com/schema/registry-item.json.md) - [Registry.Json](reference/ui.shadcn.com/schema/registry.json.md) - [Docs](reference/ui.shadcn.com/docs.md)

Frequently asked questions

Shadcn Docs