shadcn-theming

Name: shadcn-theming
Author: wiztral

✓

wiztral/agent-skillsGitHub: wiztral/agent-skills Source: wiztral/agent-skills

Customize the Shadcn design system (Tailwind v4 supported). Update design tokens, safe refactoring, and color management.

wiztral·shadcn·theming

5Installs·0Trend·@wiztral

Installation

GitHub: wiztral/agent-skills

$npx skills add https://github.com/wiztral/agent-skills --skill shadcn-theming

How to Install shadcn-theming

Quickly install shadcn-theming AI skill to your development environment via command line

Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
Run Installation Command: Copy and run this command: npx skills add https://github.com/wiztral/agent-skills --skill shadcn-theming
Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: wiztral/agent-skills.

SKILL.md

View raw

Use this skill to modify the look and feel of the application (globals.css / index.css), add new colors, and manage design tokens.

Adaptive Design Strategy When the user asks for high-level changes (e.g., "Make it softer"):

Implementation Details (Tailwind v4) In Tailwind v4, prefer CSS-first configuration:

Customize the Shadcn design system (Tailwind v4 supported). Update design tokens, safe refactoring, and color management. Source: wiztral/agent-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command: npx skills add https://github.com/wiztral/agent-skills --skill shadcn-theming
Source: wiztral/agent-skills
Category: </>Dev Tools
Verified: ✓
First Seen: 2026-02-25
Updated: 2026-03-10
URL: https://www.learn-skills.dev/en/skills/wiztral/agent-skills/shadcn-theming

Browse more skills from wiztral/agent-skills

Quick answers

What is shadcn-theming?

Customize the Shadcn design system (Tailwind v4 supported). Update design tokens, safe refactoring, and color management. Source: wiztral/agent-skills.

How do I install shadcn-theming?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/wiztral/agent-skills --skill shadcn-theming Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/wiztral/agent-skills

Details

Category: </>Dev Tools
Source: skills.sh
First Seen: 2026-02-25

Related Skills

shadcn-create-project