Manages shadcn/ui components and workflows via CLI-driven interface.
npx skills add https://github.com/billh93/snchz --skill shadcn-billh93
Please help me install this Agent Skill. Skill: shadcn Source: https://github.com/billh93/snchz/tree/main/.agents/skills/shadcn Command: npx skills add https://github.com/billh93/snchz --skill shadcn-billh93
Coordinating shadcn/ui components and project workflows across multiple projects can be tedious; this skill centralizes the management of adding, searching, fixing, debugging, styling, and composing UI with consistent project context and documentation references.
Initialize or manage shadcn/ui components in your project using the CLI (init, add, docs, info, or apply) to streamline UI workflows.
High-intent search queries and answers about installing and using this skill.
To manage shadcn/ui components across multiple projects, use a CLI-driven interface to orchestrate add, search, docs, info, and apply operations. This centralizes component management by respecting your project's package manager, resolved paths, and registry configurations.
The best way to standardize UI components in a Next.js app is by applying shadcn/ui presets and blocks with semantic tokens. This ensures consistent composition patterns, accessibility considerations, and design-system rule enforcement across your application.
To initialize and add shadcn/ui components, use the CLI to run init and add commands. The CLI-driven workflow guides you through preset and component management while automatically resolving paths and configurations defined in your components.json file.
Yes, shadcn workflows support custom registries and presets. The CLI-driven interface orchestrates operations across multiple components using your project's components.json file, ensuring registry configurations and resolved paths are respected during component addition.
Yes, you can use shadcn/ui with different package managers. The CLI-based workflow respects the project's active package manager, resolved paths, and registry configurations to ensure components are added and managed correctly within your specific environment.
fusengineIdentify Radix UI or Base UI primitives from package.json and source code.
agentset-aiEnforce Tailwind CSS defaults and accessible primitives for consistent UI.
IgorWarzochaInitialize Vite projects with shadcn/ui and Tailwind CSS v4 configuration.
gluestackApply Gluestack UI v4 design patterns across React Native and web projects.
