How does shadcn-registries handle different package managers?

The skill includes a mandatory detection step that identifies whether the project uses npm, pnpm, bun, or yarn, and automatically formats all CLI commands using the appropriate runner.

What is the purpose of the MCP integration in this skill?

MCP tools allow the agent to search live registries and retrieve the exact installation commands, ensuring that component names and versions are accurate before execution.

Can I use this skill to set up Base UI instead of Radix?

Yes, the skill explicitly supports the @basecn registry and provides the specific CLI flags needed to install components from the Base UI source.

Does this skill help with components.json configuration?

Absolutely. It manages the schema, tailwind paths, and aliases within components.json to ensure your project structure matches shadcn/ui requirements.

Shadcn UI Registry Manager

Name: Shadcn UI Registry Manager
Author: fusengine

byfusengine

•

デザインツール

Manages shadcn/ui configurations, component registries, and CLI integrations for streamlined frontend development.

The shadcn-registries skill empowers Claude to expertly handle the lifecycle of shadcn/ui components, from initial configuration of components.json to advanced registry management. It automates the detection of package managers like Bun, pnpm, and npm, ensuring CLI commands are executed correctly every time. By integrating with MCP tools, it allows for real-time discovery of components across default Radix, Base UI, and custom registries, preventing the common pitfalls of manual file copying and registry mixing. This skill is essential for developers maintaining high-quality design systems who need to ensure their project architecture stays in sync with official shadcn/ui standards.

主な機能

01Comprehensive configuration of components.json and project aliases

02Support for multiple registries including Radix UI (@shadcn) and Base UI (@basecn)

03MCP-powered component searching and precise command generation

04Automatic package manager detection (npm, pnpm, bun, yarn) for CLI commands

05Validation workflows to ensure registry consistency and primitive compatibility

064 GitHub stars

ユースケース

01Automating the addition of multiple UI components while maintaining valid configuration files

02Initializing new shadcn/ui projects with specific styles like New York or Default

03Configuring and installing components from the Base UI registry for headless primitives

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fusengine/agents shadcn-registries

For use in Claude.ai and ChatGPT

Download Skill