color-and-elevation
CommunityOptimize design systems with advanced color & elevation logic.
Authorjpoindexter
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill unit streamlines the process of designing accessible, cohesive UI color palettes and depth systems for various applications.
Core Features & Use Cases
- Advanced Color Theory: Applies OKLCH and LCH color models for uniformity.
- Contrast and Accessibility: Ensures compliance with WCAG and APCA standards.
- Dark Mode Design: Provides guidelines for designing effective dark themes.
- Depth and Elevation: Offers systematic approaches for visual layering.
Quick Start
Generate a color palette for a design system using OKLCH with a light background theme and verify WCAG AA contrast.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 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-and-elevation Download link: https://github.com/jpoindexter/design-and-ai-skills/archive/main.zip#color-and-elevation Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.