Does this skill support manual file copying from the docs?

This skill strictly follows CLI-only usage to ensure that all peer dependencies are automatically resolved and your components.json is updated correctly.

How does this skill help with component composition?

It provides structured patterns for importing and nesting sub-components (like CardHeader, CardTitle, etc.) to ensure accessible and clean UI architecture.

Can I install shadcn/ui via npm or yarn?

No, shadcn/ui is not distributed as a standard package. This skill uses the 'npx shadcn-ui@latest add' command to scaffold components directly into your project.

Where are the components stored after installation?

By default, components are placed in your project's src/components/ui/ directory, allowing you to modify and extend the code as needed.

Shadcn/UI Component Scaffolder

Name: Shadcn/UI Component Scaffolder
Author: Agentient

byAgentient

0•

디자인 도구

Automates the installation and configuration of accessible shadcn/ui components using best-practice CLI workflows.

This skill empowers Claude to efficiently manage shadcn/ui components within your project by strictly adhering to the official CLI installation methods. It ensures that all dependencies are correctly resolved, components.json is updated, and peer packages are installed without manual errors. By emphasizing component composition patterns and the philosophy of local code ownership, the skill helps developers build highly customizable, accessible, and production-ready user interfaces while maintaining full control over the component source code.

주요 기능

01Smart configuration of components.json and peer packages

020 GitHub stars

03Automated CLI component installation and dependency resolution

04Direct source code injection for full local ownership

05Strict enforcement of shadcn/ui best practices and anti-pattern prevention

06Advanced component composition and layout patterns

사용 사례

01Extending and customizing shadcn/ui component logic directly within the local project structure

02Rapidly scaffolding complex dashboard interfaces with accessible UI primitives

03Modernizing frontend workflows by transitioning from manual copying to CLI-managed components

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agentient/vibekit shadcn-component-scaffolding

For use in Claude.ai and ChatGPT

Download Skill