remotion-colour-family
CommunityGenerate accessible palettes from minimal brand inputs
Design & Creative#accessibility#Remotion#palette generation#brand tokens#WCAG contrast#OKLch color#theme theming
AuthorCleanExpo
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Producing a complete, accessible brand color system from a small set of hex anchors without manual tweaking and iterative contrast testing.
Core Features & Use Cases
- Deterministic accessible palette generation: Builds primary, secondary, accent, neutral (4-step), semantic (success/warning/danger), and dark-variant tokens from 1–3 anchor colors and a selected colour-family and school preset.
- WCAG-AA contrast validation with guardrails: Validates text-on-background contrast for required token pairs and blocks palettes that fail; escalates to stricter AAA for the brutalist school.
- Standards-friendly OKLch processing: Generates colors in OKLch to preserve perceived lightness during hue rotation, then outputs hex plus an OKLch contrast report for downstream consumption.
Quick Start
Use remotion-colour-family to generate a full accessible palette by providing one to three primary hex anchors along with the selected family and school preset, then apply the produced YAML token fragment to your brand configuration.
Dependency Matrix
Required Modules
None requiredComponents
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: remotion-colour-family Download link: https://github.com/CleanExpo/Pi-Dev-Ops/archive/main.zip#remotion-colour-family 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.