agent-canvas

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.