gsp-color
CommunityDesign cohesive color systems with semantics
Authorjubscodes
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Brands struggle to create cohesive color systems that are accessible, consistent across light/dark modes, and scalable as UIs evolve.
Core Features & Use Cases
- Generate production-ready color palettes from brand colors using semantic roles (primary, secondary, accent) and OKLCH scales.
- Validate WCAG contrast across white and black backgrounds and support dark-mode mappings with preserved contrast relationships.
- Produce and publish a full color-system.md and palettes.json to integrate into design systems and codebases.
- Use-case example: a redesign project that starts from 3 brand hex values and yields a complete 11-stop scale for each role.
Quick Start
Provide your brand hex colors to generate a complete color system with OKLCH scales and dark-mode mappings.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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: gsp-color Download link: https://github.com/jubscodes/get-shit-pretty/archive/main.zip#gsp-color 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 471,000+ vetted skills library on demand.