jwc-ui-shadcn-workflow - UI Component Workflow for shadcn + Tailwind v4
Follows procedures for adding/modifying shadcn/ui + Tailwind v4 components with component reuse, cn()/cva patterns, exports impact, and lint/typecheck steps
Tags
Updated: 2026-02-12Capabilities
Typical Inputs
Typical Outputs
What this skill does
- add shadcn components
- modify shadcn components
- check exports impact
- run lint checks
- run typecheck checks
- use cn() function
- use cva patterns
Inputs
- packages/ui source code
- shadcn components
- Tailwind v4 configuration
- package.json exports
Outputs
- modified UI component files
- updated exports paths
- lint check results
- typecheck check results
Requirements
- pnpm package manager
- packages/ui project structure
- shadcn/ui + Tailwind v4 environment
- lint and typecheck tools