What problem does it solve?
This Skill enables agents to create and manipulate visual diagrams, flowcharts, and annotations on a digital whiteboard, facilitating clear communication of complex ideas and designs.
Core Features & Use Cases
- Diagramming: Draw geometric shapes, text, and arrows to represent concepts and workflows.
- Content Annotation: Add markdown, code snippets, and even interactive HTML to a shared canvas.
- Visual Debugging: Utilize specialized shapes like
stack-trace, code-diff, and test-results to visually represent debugging information and code changes.
- Use Case: An agent can generate an architecture diagram for a new feature, then add code snippets for key implementation details, and finally use
web-preview to show a live demo of the feature.
Quick Start
Use the agent-canvas skill to create a rectangle shape with the text "Hello" on the current board.