This skill should be used when the user asks to "plan a workflow", "diagram an agent system", "visualize an architecture", "map out a pipeline", "create a flow diagram", "draw agent connections", "design a multi-agent system", "show how agents interact", "make a system diagram", "visualize a data pipeline", "map out a process", "diagram my workflow", "create an architecture diagram", "plan agent orchestration", "brainstorm a system design", "show the flow between components", "interactive workflow diagram", "workflow canvas", "visual-planner", "open in tldraw", or "plan this project visually". Produces tldraw .tldr diagrams natively — the standard infinite canvas format. Includes a thin playground wrapper with planning-specific UI (phase controls, agent assignment, KPI bar, agent callback bridge) and an "Open in tldraw" button for standalone editing.
Install the complete plugin to include its agents, hooks, commands, and runtime context.
Agent Master runs this interface on your machine. Project files stay local; bopen.ai only requests the allowlisted interface by name.
NOT CONNECTED
Fastest path: hand this line to the coding agent doing the setup. It reads this page and installs the gemskills plugin, which ships this skill with everything it relies on.
Click anywhere on the prompt to copy.
Choose a runtime, then follow its setup steps. This installs the complete gemskills plugin.
COMPLETE PLUGIN
Example session using the verified commands above.
The portable SKILL.md on its own, without the plugin’s hooks, agents, commands, and companion skills. Use it only when you intentionally want the narrower path.
No required companion skills are declared.
Use this agent to create images, SVG graphics, visual content, presentation decks, and video. It supports Google (Nano Banana Pro / gemini-3-pro-image, Veo 3.1), OpenAI (gpt-image-2.5-flare / Sunburst opt-in), and xAI (Grok Imagine image plus grok-imagine-video-1.5), selected with --provider or auto-picked by available keys. For ElevenLabs audio (voiceovers, sound effects, and music), use the core:content-specialist agent instead.
Agent architecture specialist. Use this agent when the user asks to "design an agent", "wire up tool-calling", "add memory to my agent", "set up agent routing", "implement delegated signup", "support auth.md", or "integrate ID-JAG". Covers evals, resilient chat UIs, and delegated agent auth. Not for deploying a built agent to hosting or wiring its cron and sandbox (use devops), authoring individual skills or commands (use prompt-engineer), or auditing skill accuracy (use trainer).
Creative 3D web developer for Three.js and React Three Fiber, including diegetic and world-space UI. Use this agent when the user asks to "create a 3D scene", "build a Three.js demo", "write a shader", "add physics to a scene", "build a WebGL prototype", or "optimize 3D performance". Covers R3F, Drei, GLSL, TSL, and 3D asset pipelines. Not for 2D interface design (use designer).
Pass the canonical page to a teammate or keep it close for later.