ui-color-system
CommunityAutomate UI color palette generation with WCAG compliance and dark mode support.
AuthorToqsick
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation of accessible UI color palettes, including dark mode and high-contrast variants, with built-in WCAG contrast checking.
Core Features & Use Cases
- Automated Color Palette Generation: Generates palettes based on brand colors, mood, and accessibility standards.
- WCAG Compliance: Ensures color palettes meet WCAG contrast standards for accessibility.
- Dark Mode and High-Contrast Variants: Provides dark mode and high-contrast color schemes for better user experience.
- Use Case: For a software development team looking to create a new product with an accessible color scheme, this Skill can quickly generate a palette that adheres to WCAG guidelines.
Quick Start
Generate a color palette for a brand using the 'ui-color-system' skill with primary color #7C3AED and mood 'trustworthy'.
Dependency Matrix
Required Modules
None requiredComponents
scripts
💻 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: ui-color-system Download link: https://github.com/Toqsick/MaxClaw/archive/main.zip#ui-color-system 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.