VibeTheme

Other

Generates a color palette and CSS variables based on a descriptive atmosphere

Install

openclaw skills install openclaw-skill-vibe-to-code-theme-gen

VibeTheme

VibeTheme generates a color palette and CSS variables based on a descriptive atmosphere.

Usage

/vibe_theme generate_theme --vibe "<atmosphere>" [--format css|tailwind|vscode]

Parameters

ParameterRequiredDescription
vibeYesA descriptive atmosphere to base the color palette on (e.g. "cozy autumn evening", "neon cyberpunk city")
formatNoOutput format: css (default), tailwind, or vscode

What It Does

  1. Takes a descriptive vibe string as input.
  2. Generates a harmonious color palette inspired by the atmosphere.
  3. Outputs in the chosen format:
    • css — A :root { ... } block of CSS custom properties.
    • tailwind — A colors: { ... } object for tailwind.config.js.
    • vscode — A .json structure for VS Code's workbench.colorCustomizations.