Manages shadcn/ui components, presets, and registries through the shadcn CLI.
npx skills add https://github.com/eyenalxai/dotfiles --skill shadcn-eyenalxai
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/eyenalxai/dotfiles/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/eyenalxai/dotfiles --skill shadcn-eyenalxai
npx shadcn@latest info, fetches component docs, and generates code using FieldGroup, Field, ToggleGroup, semantic color tokens, and the project's configured icon library. ## Quick Start Ask the assistant to add a shadcn/ui component such as a dialog or build a form following shadcn/ui best practices in your project.High-intent search queries and answers about installing and using this skill.
Run npx shadcn@latest add followed by component names, registry-prefixed names like @magicui/shimmer-button, or GitHub addresses like owner/repo/item. Use --dry-run to preview changes and --diff to compare against existing files before writing.
Run npx shadcn@latest add <component> --dry-run to see affected files, then --diff <file> to inspect upstream changes per file. Overwrite files with no local changes and manually merge files you have customized, never using --overwrite without explicit approval.
The base field in components.json determines the primitive library, which changes component APIs. Radix uses asChild and type="single"/"multiple" props, while Base UI uses render, a multiple boolean, items props on Select, and scalar Slider values.
Use npx shadcn@latest apply <code> to overwrite an existing project's preset, or npx shadcn@latest init --preset <code> --force --no-reinstall to update only config and CSS. Decode codes with npx shadcn@latest preset decode <code> instead of parsing them manually.
The shadcn styling rules require gap-* utilities instead of space-x-*/space-y-* and semantic tokens like bg-primary or text-muted-foreground instead of raw colors like bg-blue-500. Semantic tokens handle dark mode automatically through CSS variables.
Yes, the CLI supports next, vite, start, react-router, and astro templates, all with --monorepo scaffolding; laravel is supported without monorepos. The CLI auto-detects the framework and package manager from the project.
dsgalkarGuides shadcn/ui CLI usage, component installation, theming, and custom registry workflows.
Benmore-StudioGenerate a complete PCS microservice scaffold with FastAPI, Kafka, and Docker.
telum-aiValidate UI components against design tokens and WCAG AA standards.
DagimAlemayehuuIntegrates and customizes shadcn/ui components in React applications with Tailwind CSS.