# YBoard Operator

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

- Skill: `modbender/yboard-operator` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add modbender/yboard-operator`
- Raw SKILL.md: https://api.skillmd.com/api/skills/modbender/yboard-operator/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: modbender (https://skillmd.com/u/modbender)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/modbender/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