Skills
.Work. You
Rest

shadcn-theme-generator

Community

Generate and validate Shadcn UI themes.

Design & Creative#design-system#css-variables#theme-generation#token-mapping#contrast-check#figma-bridge
AuthorTechlemariam
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Automates the generation and validation of design system themes for Shadcn UI, producing consistent tokens and CSS variables to speed up design-to-code workflows.

Core Features & Use Cases

  • Palette Generation: Create harmonious color scales from a base color
  • Token Mapping: Sync Figma colors to globals.css variables
  • Contrast Check: Auto-validate accessibility of generated themes
  • Component Preview: Generate a preview page for the new theme

Quick Start

Provide a base color and run the theme generator to create a new theme and preview its appearance across light and dark modes.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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-theme-generator
Download link: https://github.com/Techlemariam/IronForge/archive/main.zip#shadcn-theme-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.