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