shadcn

Manage shadcn/ui components across projects with components.json workflows.

1|Updated Feb 26, 2026
One-click install
npx skills add https://github.com/supersterling/primus --skill shadcn-supersterling
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/supersterling/primus/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/supersterling/primus --skill shadcn-supersterling

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines governance and utilization of shadcn/ui components across multiple projects by centralizing common actions such as adding, searching, fixing, debugging, styling, and composing UI, and by surfacing project context, docs, and usage examples.

Core Features & Use Cases

  • Centralized component management: add, search, fix, debug, style, and compose shadcn/ui components across projects.
  • Project context & documentation: provides component docs and usage examples aligned with your project's registries and presets.
  • Workflow triggers: supports common actions like shadcn init, create app with a preset, and switch to a preset to ensure consistency.

Quick Start

Initialize a project with shadcn using a preset and then add, search, or document components as needed.

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?

Manage shadcn/ui components across projects by using a centralized system to add, search, fix, and compose UI, which reads your project's component registries and presets to streamline workflows.

Can I use a preset to initialize a new shadcn/ui app?

Yes, you can initialize a project with shadcn using a preset. This workflow trigger allows you to create an app with a preset and switch presets to ensure consistency across your UI components.

What is the best way to generate documentation for shadcn/ui components?

Generate shadcn/ui component documentation by using a centralized management system that surfaces project context, component docs, and usage examples aligned with your specific registries and presets.

Does shadcn/ui component management work with a custom components.json file?

Yes, shadcn/ui component management works with any project containing a components.json file. It uses YAML-based discovery through a SKILL.md entry point to enable init, add, and documentation workflows.

How do I debug and style shadcn/ui components in an existing project?

Debug and style shadcn/ui components in an existing project by leveraging centralized management actions that streamline fixing and styling UI based on your project's specific component registries and configuration.