shadcn

Extract metadata from SKILL.md frontmatter and YAML for shadcn/ui components.

Updated Mar 28, 2026
One-click install
npx skills add https://github.com/MisLink/agentry --skill shadcn-mislink
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/MisLink/agentry/tree/main/agents/.agents/skills/shadcn
Command: npx skills add https://github.com/MisLink/agentry --skill shadcn-mislink

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

shadcn/ui project workflows require consistent discovery, documentation, and orchestration of components across setups. This Skill provides a centralized entry that exposes project context, component docs, and usage examples to streamline integration and reuse.

Core Features & Use Cases

  • Provides project context, component docs, and usage examples for quick adoption.
  • Supports adding, searching, fixing, debugging, styling, and composing UI with shadcn/ui, registries, and presets.
  • Applies to any project with a components.json file and to commands like shadcn init, create an app with --preset, or switch to a preset.

Quick Start

Initialize or switch a shadcn preset in your project.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I add and document shadcn/ui components in an existing project?

To add and document shadcn/ui components, this Skill identifies project context and extracts metadata from SKILL.md frontmatter and YAML structure to expose component docs and usage examples for quick adoption and reuse.

Can I use a custom preset when running shadcn init or creating an app?

Yes, you can use a custom preset when running shadcn init or creating an app with the --preset code. This Skill applies to component registries and presets to orchestrate, document, and enable discovery of your shadcn/ui setup.

What is the best way to manage shadcn/ui component registries and project context?

The best way to manage shadcn/ui component registries is through centralized discovery and documentation. This Skill provides a unified entry point exposing project context, component docs, and usage examples to streamline integration and reuse across setups.

Does this work with any project that has a components.json file?

Yes, this Skill works with any project containing a components.json file. It supports adding, searching, fixing, debugging, styling, and composing UI with shadcn/ui, registries, and presets across different project configurations.

How do I switch my project to a shadcn preset?

To switch your project to a shadcn preset, this Skill identifies and applies preset codes to your setup. It ensures metadata extraction from optional resource directories like scripts, references, and assets to drive tooling and discovery.