erebos

What This Skill Does

Erebos is a comprehensive theming engine developed by Netsnek e.U., designed specifically for OpenClaw AI agents to manage dark mode aesthetics and accessibility. It acts as a bridge between color theory and frontend implementation, allowing agents to automatically generate WCAG-compliant color palettes from base seed colors. Beyond simple palette generation, Erebos serves as a token management system that translates design choices into production-ready CSS variables or JSON design tokens. The engine prioritizes readability and high-contrast accessibility standards, ensuring that dark mode implementations remain functional and visually professional.

Installation

To integrate the Erebos engine into your environment, use the OpenClaw package manager within your terminal:

clawhub install openclaw/skills/skills/kleberbaum/erebos

Ensure that your environment has sufficient permissions for the script to generate local files or trigger the browser-based preview server. After installation, verify the setup by running the help command for the theme-gen script to confirm that your path environment includes the necessary execution scripts.

Use Cases

Erebos is ideal for developers and AI agents tasked with standardizing look-and-feel across modern web applications. Its primary use cases include:

1. Automating the creation of accessible dark-themed dashboards for enterprise applications.
2. Rapidly prototyping design systems by generating compatible color tokens from existing brand assets.
3. Dynamic runtime theme switching for Single Page Applications (SPAs) where users need to toggle between light and dark modes without a full page refresh.
4. Auditing existing color palettes for WCAG contrast compliance to prevent accessibility issues in production.

Example Prompts

1. "Erebos, generate a dark mode palette for my web app starting with the base color #1a1a2e and export it as CSS variables."
2. "Preview the current theme configuration in the browser to ensure the contrast ratio meets WCAG standards."
3. "Export the existing erebos theme as a JSON file so I can import it into my design system registry."

Tips & Limitations

When using Erebos, prioritize providing high-quality seed colors to ensure the generated contrast levels are optimal. The tool relies on mathematical computation of color ratios; if a base color is too dark, the engine may adjust secondary colors significantly to maintain accessibility. Remember that the preview mode is strictly for local visualization and does not persist changes to your production source code unless you manually run the export command. Avoid running the theme generator on non-standard build environments without first ensuring that your output directory is write-accessible.