yboard-operator

# YBoard Operator

Operate **yboard.online** to edit video/presentation plans.

## What this skill enables
- Navigate scenes (including scrolling the Scenes sidebar)
- Switch View/Edit/Markdown modes
- Edit fields: title, goal, visual guide, narration, assets required
- Add/replace scene illustrations using **Draw Custom Image**
- Enforce clean visuals (avoid text overlap; prefer text-free images)

## Workflow (reliable)
1) Ensure Browser Relay is attached to the yboard tab.
2) Switch to **Edit** mode.
3) Select the target scene from the **Scenes** sidebar.
4) Edit text fields.
5) Add/replace an image: **Draw Custom Image → Apply**.
6) QA: correct scene number/title + image attached + visuals readable.

## Illustration rules (no overlap)
- Prefer **no text inside images**.
- One clear “hero visual” per scene.
- Use simple icons/shapes: crate, cursor click, sound waves, HP bar, chunks.

## Common patterns
- Click/impact: cursor + crate + sound waves
- Skins: 3 stages (clean→damaged→broken)
- Dents: crack line + dent circle
- HP: bar above crate (green→yellow→red)
- Break: chunks + outward arrows