Setup & Installation
openclaw skills install @kleberbaum/erebos
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
npx clawhub install erebos
What This Skill Does
Erebos is a dark theming engine for web applications. It generates WCAG-compliant color palettes, manages CSS variables and design tokens, and switches themes at runtime without reloading the page.
Erebos automates contrast validation and token export in one step, replacing manual palette work and separate accessibility checks.
When to use it
- Adding dark mode to an existing web app
- Generating accessible color palettes from seed colors
- Exporting CSS variables for a design system
- Previewing theme changes in the browser before committing
- Validating contrast ratios against WCAG requirements
Example Workflow
Here's how your AI assistant might use this skill in practice.
INPUT
User asks: Generate a dark theme from my brand colors #1a1a2e and #16213e and export as CSS
AGENT
- 1Run theme-gen.sh with --palette flag and the two seed colors
- 2Compute contrast ratios and validate WCAG compliance for generated colors
- 3Launch --preview mode to display the palette in a local browser HTML page
- 4Run --export --format css to output the final CSS variable definitions
OUTPUT
A CSS file with :root[data-theme] variables for backgrounds, text, and accent colors, validated for accessibility