home/categories/frontend/marcusgoll-spec-flow-claude-skills-shadcn-integration-skill-md
frontenddevelopment

shadcn-integration

Integration guide for shadcn/ui components with OKLCH design tokens. Use when setting up shadcn, customizing themes, or adding components to Next.js projects. Auto-trigger on /init --tokens --shadcn flag.

marcusgoll
maintainer
marcusgoll
Updated 12/16/2025
Stars
39
Forks
5
quick start

Installation and usage

Integration guide for shadcn/ui components with OKLCH design tokens. Use when setting up shadcn, customizing themes, or adding components to Next.js projects. Auto-trigger on /init --tokens --shadcn flag.

Installation
$ install --globalskills.sh
Usage

Once installed, you can use this skill by running the following command in your terminal:

skills use shadcn-integration