Skills
.Work. You
Rest

naive-ui-design-color

Community

Master Naive UI color design at a glance.

Design & Creative#design#theming#dark-mode#semantic-colors#naive-ui#color-design
Authorjiaiyan
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Helps designers and developers understand and apply Naive UI color system across themes and components.

Core Features & Use Cases

  • Documents the color system, including primary and semantic colors, text and background colors, for light and dark themes
  • Provides CSS variable mappings and practical guidance to apply tokens in components and configs
  • Supports design-to-code handoffs with consistent color tokens across the design system

Quick Start

Refer to the color tokens and semantic colors to style components in light and dark themes.

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: naive-ui-design-color
Download link: https://github.com/jiaiyan/naive-ui-skills/archive/main.zip#naive-ui-design-color

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 471,000+ vetted skills library on demand.