File contents 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)
Ensure Browser Relay is attached to the yboard tab.
Switch to Edit mode.
Select the target scene from the Scenes sidebar.
Edit text fields.
Add/replace an image: Draw Custom Image → Apply .
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
1 --- 2 name: yboard-operator 3 description: YBoard Operator 4 --- 5 # YBoard Operator 6 7 Operate **yboard.online** to edit video/presentation plans. 8 9 ## What this skill enables 10 - Navigate scenes (including scrolling the Scenes sidebar) 11 - Switch View/Edit/Markdown modes 12 - Edit fields: title, goal, visual guide, narration, assets required 13 - Add/replace scene illustrations using **Draw Custom Image** 14 - Enforce clean visuals (avoid text overlap; prefer text-free images) 15 16 ## Workflow (reliable) 17 1) Ensure Browser Relay is attached to the yboard tab. 18 2) Switch to **Edit** mode. 19 3) Select the target scene from the **Scenes** sidebar. 20 4) Edit text fields. 21 5) Add/replace an image: **Draw Custom Image → Apply**. 22 6) QA: correct scene number/title + image attached + visuals readable. 23 24 ## Illustration rules (no overlap) 25 - Prefer **no text inside images**. 26 - One clear “hero visual” per scene. 27 - Use simple icons/shapes: crate, cursor click, sound waves, HP bar, chunks. 28 29 ## Common patterns 30 - Click/impact: cursor + crate + sound waves 31 - Skins: 3 stages (clean→damaged→broken) 32 - Dents: crack line + dent circle 33 - HP: bar above crate (green→yellow→red) 34 - Break: chunks + outward arrows
Demerzels-lab/elsamultiskill/tree/main/public/skills/zonder/yboard-operator commit 7bf340f880
Frequently asked questions How do I install the Yboard Operator skill? Run npx skillmds@latest add demerzels-lab/yboard-operator in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
What does the Yboard Operator skill do? YBoard Operator It is listed under Coding & Dev Tools on SkillMD.
Is Yboard Operator safe to use? This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
Which AI agents work with Yboard Operator? This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Is Yboard Operator free to use? Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
Who published Yboard Operator? Demerzels-lab (@demerzels-lab) published this skill. Their other Agent Skills are listed on their SkillMD profile.