shadcn

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

Updated Mar 28, 2026

Search Tags:#automation #ui #components #registry #docs #shadcn #presets

Ready to run

npx skills add https://github.com/MisLink/agentry --skill shadcn-mislink

💬 Prompt for ChatGPT / Claude Chat▼

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.