Manage shadcn/ui components and presets via the shadcn CLI.
npx skills add https://github.com/STK106/DE_PROJECT_SALON_2026 --skill shadcn-stk106
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/STK106/DE_PROJECT_SALON_2026/tree/main/frontend/folder_name/.agents/skills/shadcn Command: npx skills add https://github.com/STK106/DE_PROJECT_SALON_2026 --skill shadcn-stk106
Manages shadcn/ui components and presets across projects, automating addition, search, fixes, styling, and composition of UI.
-CLI-driven management of shadcn/ui components, including init, add, docs, info, search, and view workflows, with automatic registry resolution. -Maintains a consistent project context (components.json) to ensure correct component installation, docs access, and version alignment across frameworks like Next.js, Vite, and TanStack Start. -Supports streamlined preset switching and component lifecycle operations to accelerate UI system development and maintenance.
Initialize a project with a preset and start adding components using the CLI.
High-intent search queries and answers about installing and using this skill.
To add shadcn UI components, use the CLI-driven workflow to initialize your project and run the add operation. The tool resolves registries automatically using the components.json file to ensure correct component installation.
Yes, you can use shadcn presets to switch styling in a React project. The Skill supports streamlined preset switching to accelerate UI system development and maintain consistent component styling.
Yes, shadcn CLI management supports TanStack Start alongside Next.js and Vite. It maintains a consistent project context to ensure correct component installation and version alignment across these frameworks.
The components.json file is required for shadcn component installation because it maintains the project context. It ensures correct registry resolution, installed component tracking, and version alignment across your workflows.
The best way to search and view shadcn component docs is through the CLI-driven workflows. The Skill automates search, view, and docs operations, relying on your project's package manager and components.json context for accurate results.
To initialize shadcn UI in an existing project, use the CLI init operation. The Skill detects your package manager and establishes the components.json context, allowing you to start adding components with a preset.
chaitinScaffold React frontend projects with Vite, TypeScript, and chosen UI libraries.
WiseWolfPTCopy a landing page design from a URL or image into a codebase page using Playwright MCP.
civictechdcCreate scalable Tailwind CSS v4 design systems with @theme tokens and CVA components.
MajesteitBartBuild accessible React UI components with shadcn-ui, Tailwind CSS, and Radix UI.
