skills.rest
kegbi
kegbiCOMMUNITY
Explore all skills by this author →
GitHub

shadcn

Manage shadcn/ui components and presets via CLI-guided operations.

1|Updated Mar 15, 2026
Search Tags:#automation#workflow#ui#cli#registry#shadcn#preset
One-click install
npx skills add https://github.com/kegbi/monica-companion --skill shadcn-kegbi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/kegbi/monica-companion/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/kegbi/monica-companion --skill shadcn-kegbi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Developers who work with shadcn/ui often face challenges coordinating components, registries, and presets across multiple projects. This Skill provides a centralized entry to discover, configure, and operate shadcn/ui workflows within a project context.

Core Features & Use Cases

  • Manages shadcn components and project contexts across registries and presets.
  • Provides docs, usage examples, and component discovery for teams working with shadcn/ui.
  • Triggers for common commands like "shadcn init", "switch to --preset", and "create an app with --preset".

Quick Start

Initialize shadcn in your project to enable component management, presets, and registry operations.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I automate shadcn/ui component management across multiple projects?▼

To manage shadcn/ui presets, you can trigger commands like 'switch to --preset' or 'create an app with --preset'. This automates applying specific configurations and component sets across different project environments.

What is the best way to document shadcn/ui components within a project?▼

You need a components.json based project to use shadcn/ui automation workflows. This configuration file provides the necessary project context for the Skill to manage registries and execute CLI operations.

How do I initialize shadcn in an existing project to enable registry operations?▼

This Skill orchestrates shadcn/ui components and presets by providing CLI-guided operations for init, add, docs, and info. It solves the challenge of coordinating these elements across multiple projects using frontmatter-driven discovery.

Can I use shadcn presets to create a new app with a specific configuration?▼

Yes, you can use shadcn presets to create an app with a specific configuration by triggering the 'create an app with --preset' command. This automates the setup of your shadcn/ui environment based on predefined settings.

Related Skills

Explore More Software Engineering Skills→
leodyversemilla07leodyversemilla07

shadcn

Manage shadcn/ui components across projects via CLI and project configs.

Community
Advanced
PTKDrakePTKDrake
1

shadcn

Manage shadcn/UI components and projects with shadcn@latest commands.

Community
Advanced
oss-appsoss-apps
1.4k

shadcn

Identifies and manages shadcn/ui components and configurations in Next.js or Vite projects via CLI workflows.

Official
Advanced
waltcowwaltcow
1

shadcn

Automate shadcn/ui component and configuration management via CLI tasks.

Community
Intermediate