skills.rest
dotlab-hq
dotlab-hqOFFICIAL
Explore all skills by this author →
GitHub

shadcn

Manage and optimize shadcn/ui components and presets across projects.

1|Updated Feb 26, 2026
Search Tags:#ui#frontend#components#registry#docs#design-system#shadcn
One-click install
npx skills add https://github.com/dotlab-hq/storage-platform --skill shadcn-dotlab-hq
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/dotlab-hq/storage-platform/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/dotlab-hq/storage-platform --skill shadcn-dotlab-hq

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines the discovery, configuration, and maintenance of shadcn/ui components across multi-project environments by providing a centralized skill unit with explicit entry points and usage guidelines.

Core Features & Use Cases

  • Centralized metadata and guidance for shadcn/ui components, presets, and registries.
  • Supports project-ready workflows: add, search, fix, debug, style, and compose UI efficiently.
  • Enables quick-start prompts and safe, validated usage patterns for consistent UI implementations.

Quick Start

Describe your shadcn UI task and I will guide you through a compliant workflow.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I add and configure shadcn/ui components across multiple Next.js or Vite projects?▼

To manage shadcn/ui components across multiple projects, use a centralized skill unit that enforces frontmatter-driven metadata and provides validated usage patterns for consistent UI implementations.

What is the best way to search shadcn/ui registries and compose complex UI patterns?▼

Searching shadcn/ui registries and composing complex UI patterns is streamlined through a centralized metadata skill that provides structured workflows and safe, validated usage patterns for efficient component discovery.

Does shadcn/ui work with TanStack Start projects for applying theming and styling?▼

Yes, shadcn/ui works with TanStack Start projects. The orchestration skill supports adding components, fixing issues, debugging styles, and applying theming across Next.js, Vite, and TanStack Start environments.

Why does my shadcn/ui design system break when applying presets across different projects?▼

Design system presets break across projects due to inconsistent configuration. A centralized skill unit solves this by enforcing frontmatter-driven metadata and explicit entry points for safe, validated usage patterns.

Can I use shadcn/ui to debug styles and fix component issues in a multi-project environment?▼

Yes, you can debug styles and fix component issues in a multi-project environment. The skill provides centralized guidance for fixing issues and debugging styles using policy rules defined in SKILL.md.

Related Skills

Explore More Software Engineering Skills→
wredziowredzio

tailwind-v4-shadcn

Configure Tailwind v4 theming with shadcn/ui in React + Vite projects.

Community
Advanced
joelklabojoelklabo

markdowntown-workbench

Resolve Workbench UI/state mismatches with the export/compile pipeline.

Community
Intermediate
chrishuffman5chrishuffman5

shadcn-ui

Integrate shadcn/ui components into React applications with Tailwind CSS.

Community
Advanced
sumik5sumik5
2

using-shadcn

Manage shadcn/ui components in React/Next.js projects via components.json.

Community
Intermediate