Manages shadcn/ui components across projects and registries via CLI workflows.
npx skills add https://github.com/udecode/plate-template --skill shadcn-udecode
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/udecode/plate-template/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/udecode/plate-template --skill shadcn-udecode
Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".
Initialize shadcn in your project with the CLI and apply a preset.
High-intent search queries and answers about installing and using this skill.
To manage shadcn/ui components across projects, use a CLI-driven workflow that coordinates adding, searching, fixing, and styling UI. It enforces consistent setup through initialization, preset application, and registry integration for safe updates.
The best way to initialize shadcn with a preset is by running the CLI init workflow. This applies your --preset code to configure the project automatically, ensuring correct integration and consistent use of component registries from the start.
A shadcn registry works by centralizing component management through CLI commands. It coordinates the retrieval and application of UI components, providing project context and component docs to ensure safe updates and consistent styling across your codebase.
Yes, you can use the shadcn CLI to debug and fix styling issues. The workflow coordinates fixing, debugging, and composing UI while providing component docs and usage examples to help resolve styling inconsistencies safely.
Yes, a components.json file is required to switch to a new shadcn preset. The CLI-driven workflow uses this file to provide project context, ensuring the --preset code applies correctly and maintains safe updates across your component registry.
shadcn CLI preset initialization may fail if the components.json file is misconfigured or missing. The workflow relies on accurate project context to enforce correct integration, apply presets safely, and ensure consistent registry updates without errors.
yuheitomiConfigure Biome and Shadcn/UI preferences in React projects with pnpm.
remedaRun shadcn CLI commands to add, update, and audit shadcn/ui components.
NammDevIntegrate shadcn/ui with Tailwind CSS for React UI styling.
yusaduymazAdd and customize Magic UI components in React and Next.js projects.
