skills.rest
tincopper
tincopperCOMMUNITY
Explore all skills by this author →
GitHub

shadcn

Manage shadcn/ui component workflows and project presets via CLI registry operations.

10|Updated Mar 21, 2026
Search Tags:#ui#components#forms#tailwind#shadcn#presets#radix
One-click install
npx skills add https://github.com/tincopper/neeko --skill shadcn-tincopper
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/tincopper/neeko/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/tincopper/neeko --skill shadcn-tincopper

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you manage shadcn/ui work without guesswork, making it easier to add, fix, style, and compose components correctly in an existing project.

Core Features & Use Cases

  • Component Management: Search registries, add components, inspect installed files, and update upstream component changes with safe preview workflows.
  • Project-Aware Guidance: Uses the current project context such as framework, aliases, Tailwind version, base type, and icon library to produce correct implementation advice.
  • UI Composition Standards: Enforces shadcn/ui best practices for forms, dialogs, cards, overlays, icons, semantic colors, and layout patterns.
  • Use Case: A developer can ask for a settings form, dialog, dashboard cards, or a preset switch, and the Skill will guide the correct shadcn/ui structure and CLI workflow.

Quick Start

Ask me to help with a shadcn/ui component or preset in your project, and I will use the project context to give the correct installation, composition, and styling guidance.

Frequently Asked Questions about shadcn

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

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

To compose shadcn/ui forms and dialogs correctly, follow UI composition standards that enforce best practices for overlays, semantic colors, and layout patterns. The Skill uses project context like framework and base type to provide correct structure.

What is the best way to switch presets in a shadcn/ui project?▼

The best way to switch presets in a shadcn/ui project is to use guided CLI workflows that manage project-aware handling of base variants and icon libraries. This ensures safe preset switching without breaking existing component structures.

Can I use shadcn/ui components with different Tailwind versions and frameworks?▼

Yes, you can use shadcn/ui components across different Tailwind versions and frameworks because the Skill applies project-aware guidance. It detects your current project context, including aliases and base type, to produce correct implementation advice.

Why does my shadcn/ui component styling break after updating?▼

Your shadcn/ui component styling may break after updating due to mismatched project context such as incorrect Tailwind version or base variant. Use safe preview workflows to inspect upstream component changes and verify semantic colors before applying updates.

Related Skills

Explore More Software Engineering Skills→
justinlevinedotmejustinlevinedotme
7

vite-shadcn-tailwind4

Initialize shadcn/ui with Tailwind v4 in Vite projects.

Community
Advanced
vladm3105vladm3105
16

doc-req

Decompose BRD, PRD, and EARS inputs into atomic REQ v3.0 documents.

Community
Advanced
locnbk2002locnbk2002
1

ui-styling

Style React interfaces with shadcn/ui components and Tailwind CSS.

Community
Intermediate
fgarofalo56fgarofalo56
6

tailwind-ui

Guide Tailwind CSS styling for responsive UI components with utility classes.

Community
Intermediate