Skills
.Work. You
Rest

color-theory-application

Community

Master color systems with HSL and rules.

Design & Creative#accessibility#WCAG#color theory#HSL#dark mode#color systems
Authoroborchers
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps you move beyond intuitive color selection to build systematic, scalable, and accessible color palettes and systems for digital products.

Core Features & Use Cases

  • Systematic Color Generation: Create harmonious color palettes using HSL and defined rules.
  • Accessibility Compliance: Ensure sufficient color contrast for WCAG AA standards.
  • Dark Mode Implementation: Design effective dark mode themes that are not simple inversions.
  • Use Case: When designing a new SaaS product, use this Skill to define a consistent brand color palette, generate shade scales for UI elements, and ensure accessibility across light and dark modes.

Quick Start

Define a color system for a new SaaS product using HSL, following the 60-30-10 rule and WCAG contrast requirements.

Dependency Matrix

Required Modules

None required

Components

referencesassets

💻 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-theory-application
Download link: https://github.com/oborchers/fractional-cto/archive/main.zip#color-theory-application

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.