How do I add a new component using this skill?

You can ask Claude to find and add a component; the skill will search the registry, identify the correct CLI command, and handle the file exports.

Does it support monorepos?

Yes, the skill is configured to work with the 'packages/ui' structure commonly found in modern monorepo architectures.

How does this skill help with shadcn/ui?

It automates component discovery, installation, and customization, allowing Claude to manage your UI library directly using official registry tools.

Can I use this for custom themes?

Yes, it provides specific guidance for editing global CSS variables and creating custom component variants using Tailwind CSS.

Shadcn/UI Component Architect

Name: Shadcn/UI Component Architect
Author: joshcox

byjoshcox

•

Design Tools

Manages and customizes shadcn/ui components within shared UI libraries to build high-quality, consistent user interfaces.

This skill empowers Claude to efficiently handle the entire lifecycle of shadcn/ui components within a project's UI package. It provides specialized tools to search the official shadcn registry, install new components via CLI, and customize their styling or variants using Tailwind CSS and Radix UI. By automating the boilerplate of adding, exporting, and configuring these components, it ensures consistent design patterns and speeds up frontend development workflows, making it ideal for maintaining robust design systems.

Key Features

01Registry-based component discovery and research using MCP tools

02Streamlined component exports for monorepo UI packages

03Deep customization of Tailwind-based component variants and properties

041 GitHub stars

05Automated shadcn CLI command generation and execution

06Global theme management and utility function configuration

Use Cases

01Adding new accessible UI elements like dropdowns, forms, or dialogs to a shared library

02Managing UI dependencies and exports in complex monorepo environments

03Creating brand-specific component variants and custom Tailwind styling

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add joshcox/thoughts-prompts-and-things shadcn-components

For use in Claude.ai and ChatGPT

Download Skill