skills.rest
daloyjs
daloyjsOFFICIAL
Explore all skills by this author →
Website𝕏@daloyjsGitHub

shadcn

Manage shadcn/ui components across projects with presets and registries.

18|2|Updated May 14, 2026
Search Tags:#ui#cli#registry#design-system#shadcn#presets
One-click install
npx skills add https://github.com/daloyjs/daloy --skill shadcn-daloyjs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/daloyjs/daloy/tree/main/website/.agents/skills/shadcn
Command: npx skills add https://github.com/daloyjs/daloy --skill shadcn-daloyjs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Centralizes the management of shadcn/ui components across projects, enabling consistent creation, search, fix, styling, and composition with presets and registries.

Core Features & Use Cases

  • Discover and inventory shadcn/ui components across repositories and teams.
  • Add, search, fix, debug, and style components with presets and documentation, ensuring consistency with project constraints.
  • Apply or switch presets and access component docs, usage examples, and registry data to accelerate UI development.

Quick Start

Run the shadcn skill CLI to initialize or update shadcn/ui components in your project.

Frequently Asked Questions about shadcn

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I manage shadcn/ui components across multiple projects?▼

To manage shadcn/ui components across multiple projects, use a centralized orchestrator to discover, inventory, and integrate components, ensuring consistent styling and composition with presets across your repositories.

What's the best way to add and style shadcn/ui components with presets?▼

The best way to add and style shadcn/ui components with presets is by running the dedicated CLI, which automates integration and applies preset configurations while maintaining consistency with your project constraints.

How do I debug and fix issues with shadcn/ui components?▼

To debug and fix issues with shadcn/ui components, use an orchestration skill that accesses component documentation, usage examples, and registry data to identify styling or integration faults and accelerate UI development.

Can I discover and inventory shadcn/ui components across different repositories?▼

Yes, you can discover and inventory shadcn/ui components across different repositories by applying an orchestration workflow that centralizes component management for teams and individual projects.

Do I need a specific file structure to apply shadcn presets and registries?▼

Applying shadcn presets and registries requires a SKILL.md file containing YAML frontmatter with a name and description, alongside optional scripts, references, and assets directories that are consumed as directed.

Related Skills

Explore More Software Engineering Skills→
pradeepmoulipradeepmouli
2

speckit-baseline

Generate baseline-spec.md and current-state.md from repository analysis.

Community
Advanced
zivtechzivtech

shadcn

Manage shadcn/ui component lifecycle and registry operations via components.json.

Official
Advanced
bklitbklit
1.5k

shadcn

Manage shadcn/ui component lifecycle and configuration in React projects.

Official
Advanced
effiemincereffiemincer

extract

Identify reusable UI patterns, components, and design tokens for consolidation into centralized systems.

Community
Intermediate