shadcn

Organize shadcn/ui components and presets via component registries and components.json.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/Ottric/LINE-DEV-LAB-V2 --skill shadcn-ottric
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/Ottric/LINE-DEV-LAB-V2/tree/main/apps/web/.agents/skills/shadcn
Command: npx skills add https://github.com/Ottric/LINE-DEV-LAB-V2 --skill shadcn-ottric

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines the management of shadcn/ui components and presets across projects, reducing manual configuration and context switching.

Core Features & Use Cases

  • Discoverable component docs: Access component docs and usage examples via registries and the CLI.
  • Preset management: Apply, switch, and resolve presets across projects with consistent styling and tokens.
  • Project context awareness: Tailor actions based on components.json and registry state to streamline development workflows.

Quick Start

Load your project context with the shadcn CLI to start discovering and managing components and presets.

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 and presets across multiple projects?

You can manage shadcn/ui components and presets by loading project context through the CLI and components.json file, which enables component discovery, preset application, and consistent styling token resolution across your projects.

What is a shadcn/ui preset and when do I need to use it?

A shadcn/ui preset is a predefined configuration for styling and tokens that you apply across projects to ensure consistency. You need it when you want to switch, apply, or resolve styling configurations without manual setup.

How do I apply or switch presets using the shadcn CLI?

You can apply or switch presets using the shadcn CLI by utilizing --preset codes and the components.json file. This orchestrates preset activation and resolves styling tokens consistently across your project.

Does this approach work with an existing components.json file?

Yes, this approach works directly with an existing components.json file. It tailors actions based on your components.json and registry state to streamline development workflows and reduce manual configuration.

How do I access component documentation and usage examples via the registry?

You can access component documentation and usage examples via the component registry and CLI. The system enables discovery and documentation access using the SKILL.md frontmatter and coordinates optional resources as needed.

What is the best way to streamline shadcn/ui component management and reduce context switching?

The best way to streamline shadcn/ui component management is to orchestrate components and project presets through the CLI. This reduces manual configuration and context switching by tailoring actions to your registry state.