skills.rest
yehezkieldio
yehezkieldioCOMMUNITY
Explore all skills by this author →
𝕏@yhezkieldioGitHub

shadcn

Manage shadcn UI components, registries, and presets via CLI operations.

Updated May 25, 2026
Search Tags:#documentation#cli#initialization#shadcn#presets#ui-components#registries
One-click install
npx skills add https://github.com/yehezkieldio/formalist --skill shadcn-yehezkieldio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/yehezkieldio/formalist/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/yehezkieldio/formalist --skill shadcn-yehezkieldio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates and standardizes the management of shadcn UI components, registries, and presets across a project.

Core Features & Use Cases

  • Provides project context, component docs, and usage examples for shadcn/ui.
  • Supports initializing with shadcn init, switching presets, and querying registries to install or update components.
  • Enables consistent workflows for adding, searching, fixing, debugging, styling, and composing UI across teams.

Quick Start

Provide a concise prompt to initialize and manage shadcn components and presets for a project.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I initialize shadcn UI components and presets in a project?▼

To initialize shadcn UI components and presets, use the CLI-driven operations to run `shadcn init`, configure your `components.json` file, and apply `--preset` codes to set up component registries for your project.

What is a shadcn UI component registry and how does it work?▼

A shadcn UI component registry is a structured source for distributing and installing UI components. You can query registries via the CLI to search, install, and update components consistently across your project workflows.

Can I switch shadcn presets for an existing project with a components.json file?▼

Yes, you can switch shadcn presets in an existing project. The Skill supports applying new `--preset` codes and updating configurations directly through CLI commands for any project containing a `components.json` file.

How do I search and update shadcn UI components using the CLI?▼

You can search and update shadcn UI components using CLI-driven operations. The Skill automates querying registries to find specific components and applies updates to standardize your UI component library.

Does this provide usage examples and documentation for shadcn UI components?▼

Yes, the Skill provisions project context, automated documentation, and usage examples for shadcn UI components to enable consistent workflows for adding, styling, debugging, and composing UI across teams.

Related Skills

Explore More Software Engineering Skills→
yuheitomiyuheitomi

set-up-biome

Configure Biome and Shadcn/UI preferences in React projects with pnpm.

Community
Advanced
anicdhanicdh

frontend-ui

Apply Tailwind and Shadcn/ui patterns with accessibility rules to React components.

Community
Advanced
Tahasaif3Tahasaif3

shadcn

Provide Radix UI-based components styled with Tailwind CSS for React interfaces.

Community
Intermediate
anicca-labsanicca-labs

coding-standards

Enforce React Native coding standards with TypeScript, Prettier, and custom rules.

Official
Intermediate