Skills
.Work. You
Rest

color-system-designer

Community

Create accessible color systems and tokens.

Design & Creative#branding#accessibility#contrast#ui-design#design-tokens#palette#color-system
Authorlexicalninja
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Color design often suffers from fragmentation and accessibility gaps across products. This Skill provides a repeatable framework to define cohesive palettes and tokens with built-in accessibility checks.

Core Features & Use Cases

  • Defines primary, secondary, neutral, and semantic color palettes
  • Generates variations (light, dark, shades, tints) and design tokens
  • Ensures accessibility compliance (contrast ratios) and provides usage guidelines
  • Applies to web and mobile design across multiple brands and themes

Quick Start

Define a starting color palette (primary, secondary, neutral, and semantic colors) and generate accessibility-tested variations for 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: color-system-designer
Download link: https://github.com/lexicalninja/my-little-scrum-team/archive/main.zip#color-system-designer

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.