Manages shadcn/ui components, presets, and registries through the shadcn CLI.
npx skills add https://github.com/taxmaxi/taxmaxi --skill shadcn-taxmaxi
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/taxmaxi/taxmaxi/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/taxmaxi/taxmaxi --skill shadcn-taxmaxi
npx shadcn@latest info (base, iconLibrary, aliases, tailwindVersion) and handles preset switching with overwrite, partial, merge, or skip strategies. - Use Case: Ask for a settings form or a streaming chat view, and receive code that uses the correct components, validation attributes, and icon library for your project's configuration. ## Quick Start Ask the assistant to add a shadcn component or build a UI pattern, for example: create a settings form with validation using shadcn/ui in my project.High-intent search queries and answers about installing and using this skill.
Run npx shadcn@latest add followed by component names, registry namespaces like @magicui/item, 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. Apply upstream updates while preserving local modifications, and never use --overwrite without explicit approval.
The base field in components.json determines the primitive library. Radix uses asChild for composition while Base uses render, and components like Select, ToggleGroup, Slider, and Accordion have different props between the two.
Use npx shadcn@latest apply <code> to overwrite an existing project's preset, or init --preset <code> --force --no-reinstall to update only config and CSS. Decode codes with preset decode and never construct preset URLs manually.
FieldGroup and Field provide consistent layout, labeling, and validation wiring in shadcn/ui. Validation requires data-invalid on the Field and aria-invalid on the control, which raw div markup does not handle.
Yes, but theming differs: Tailwind v4 registers custom colors in @theme inline blocks, while v3 uses tailwind.config.js. Check the tailwindVersion field from npx shadcn@latest info to determine which approach applies.
arthtyagiConfigure shadcn/ui components and registries across supported frameworks.
sburlDeploy projects to Railway, Vercel, or GitHub Pages with automatic platform detection.
aquariuscookCompare screenshots across viewports and browsers to detect visual regressions.
JNZader-VaultBuild React interfaces with Mantine components, forms, charts, and notifications.