canvas-a2ui
CommunityVisual workspace for agents
Authorwinsorllc
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides agents with a visual workspace to programmatically create, manipulate, and capture visual content, enabling the generation of diagrams, charts, and visualizations.
Core Features & Use Cases
- Diagram Generation: Create flowcharts, architecture diagrams, and mind maps.
- Data Visualization: Generate charts and graphs from data.
- Visual Content Creation: Draw mockups, annotate images, and create interactive visuals.
- Use Case: An agent needs to create a system architecture diagram to explain a new feature. It uses
canvas_diagramto define components and connections, thencanvas_screenshotto save the output as a PNG.
Quick Start
Use canvas_create to start a new canvas, then canvas_draw to add elements, and finally canvas_screenshot to save the result.
Dependency Matrix
Required Modules
puppeteer
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: canvas-a2ui Download link: https://github.com/winsorllc/upgraded-carnival/archive/main.zip#canvas-a2ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.