---
name: "chromajs-color-scales-ramps"
description: "Generate perceptually uniform data visualization color ramps and scales with Chroma.js."
metadata:
  author: "Gregor Aisch"
  version: "1.0.0"
  runtime_compatibility:
    - "codex"
    - "claude-code"
    - "cursor"
    - "windsurf"
triggers:
  - "create color ramp chromajs"
  - "use colorbrewer palette chroma"
  - "interpolate colors bezier chroma"
permissions:
  fs_read: true
  fs_write: "workspace"
  shell_exec: false
  net_access: false
---

# Chroma.js Perceptually Uniform Color Scales

Builds data color scales using Chroma.js: Bezier interpolation, light correction, diverging color ramps, ColorBrewer palettes, and quantile scale categorization.

## When to Invoke
Invoke this skill whenever you need to:
- create color ramp chromajs
- use colorbrewer palette chroma
- interpolate colors bezier chroma

## Execution SOP & Rules
1. Generate scales with chroma.scale(['#fafa6e', '#2A4858']).mode('lch').colors(6).
2. Enable chroma.bezier(colors).scale().correctLightness() to eliminate dark midtone bands.
3. Leverage standard ColorBrewer palettes: chroma.scale('RdYlBu').domain([0, 100]).
4. Validate that text placed over generated colors satisfies WCAG readability requirements.

## Verification Checklist
- Run local linting, syntax validation, and type-checks before reporting completion.
- Ensure all created or modified files adhere to workspace boundaries and avoid uncommitted secrets.
- Verify tests or build commands exit cleanly with return code 0.