shadcn-theming
OfficialCustomize shadcn/ui themes effortlessly.
AuthorNextSpark-js
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the complex process of customizing the design system for NextSpark applications, ensuring visual consistency and brand alignment across themes.
Core Features & Use Cases
- Theme Initialization: Set up new project themes with pre-defined color palettes and design tokens.
- Color Customization: Easily adjust colors using OKLCH for perceptual uniformity via tweakcn.com.
- Use Case: A designer needs to adapt a client's brand colors into the NextSpark application's theme, ensuring all UI elements reflect the new brand identity accurately.
Quick Start
Use the shadcn-theming skill to initialize a new theme with the provided CSS export from tweakcn.com.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: shadcn-theming Download link: https://github.com/NextSpark-js/nextspark/archive/main.zip#shadcn-theming Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.