Manage shadcn/ui components and presets via the Shadcn CLI.
npx skills add https://github.com/bartolomeomueller/hr --skill shadcn-bartolomeomueller
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/bartolomeomueller/hr/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/bartolomeomueller/hr --skill shadcn-bartolomeomueller
Manages shadcn components and projects across registries and presets, providing a centralized workflow for adding, searching, fixing, debugging, styling, and composing UI.
To begin, run the Shadcn CLI in your project to view docs, manage components, and apply presets.
High-intent search queries and answers about installing and using this skill.
To add shadcn/ui components, run the CLI command `npx shadcn@latest add` within your project. This Skill coordinates component management by using the CLI to fetch and integrate UI pieces directly into your codebase.
A shadcn/ui preset is a predefined configuration for styling and UI components. You can apply presets to your project by using the `npx shadcn@latest apply` command, which centralizes your UI workflow.
Yes, a components.json file is required. This Skill is designed for projects using shadcn/ui and relies on the components.json file to drive discovery and manage component operations correctly.
You can search shadcn registries by running `npx shadcn@latest search` through your terminal. This allows you to browse available components across registries before adding them to your project.
Yes, you can view component documentation by running `npx shadcn@latest view`. This provides centralized access to docs without leaving your project environment.
The best way to debug styles is by using this Skill's centralized management workflow to inspect and fix component styling. It coordinates the CLI operations to help identify and resolve styling issues within your project.
jubalmInitialize shadcn/ui in React projects with Tailwind CSS v4 configuration.
yash-gargConvert Android XML View layouts into Jetpack Compose components.
billydeeii136Generate UI components using shadcn/ui and Tailwind CSS utility classes.
MohammedHTahirInitialize shadcn/ui components and theming in React projects.
