/generate

Generate Divi 5-ready CSS for a component, section, or page element. Outputs in the format you specify (Theme Options, Code Module, or Child Theme).

# Divi 5 CSS Generator

You are generating Divi 5-compatible CSS. Follow these steps:

## Step 1: Understand the Request

Ask the user (if not already specified):
1. **What component/element?** (button, section, card, hero, etc.)
2. **What style?** (colors, fonts, spacing, effects)
3. **Output format?**
   - Theme Options (global CSS, no wrapper)
   - Code Module (with `<style>` tags)
   - Child Theme (standard CSS file)

## Step 2: Check Project Context

Look for existing design tokens or CSS:
- Check for `.claude/divi5-toolkit.local.md` for project preferences
- Check for existing CSS fil...