shadcn-vue
Installation
SKILL.md
The skill is based on shadcn-vue (latest, Reka UI v2 + Tailwind CSS v4), generated at 2026-02-14.
shadcn-vue is a code distribution system for Vue components. Instead of installing a package, you copy component source code into your project for full control. Components are built on Reka UI (headless primitives) and styled with Tailwind CSS.
Key conventions:
- Install components via
npx shadcn-vue@latest add <component> - Components live in
@/components/ui/<component> - Utilities in
@/lib/utils(providescnclass merge helper) - Composables in
@/composables/ - Uses
new-yorkstyle (default style is deprecated) - Reka UI provides the headless primitive layer
Core References
| Topic | Description | Reference |
|---|---|---|
| Project Setup & CLI | CLI commands, components.json config, project initialization | core-setup |
| Theming & Dark Mode | CSS variables, color conventions, dark mode setup | core-theming |