skills.rest
giosullutrone
giosullutroneCOMMUNITY
Explore all skills by this author →
GitHub

canvas-api

Create and manipulate UML diagram elements via a REST API.

Updated Mar 10, 2026
Search Tags:#automation#api#code generation#rest#diagrams#uml
One-click install
npx skills add https://github.com/giosullutrone/Schemata --skill canvas-api-giosullutrone
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: canvas-api
Source: https://github.com/giosullutrone/Schemata/tree/main/schemata-plugin/skills/canvas-api
Command: npx skills add https://github.com/giosullutrone/Schemata --skill canvas-api-giosullutrone

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill allows for the programmatic creation, modification, and management of UML diagrams, enabling automated diagram generation and integration with other development workflows.

Core Features & Use Cases

  • Diagram Manipulation: Create, update, and delete nodes (classes, text, groups) and edges (relationships).
  • Layout and Organization: Apply auto-layout strategies (grid, hierarchical), align, distribute, and group nodes.
  • File Management: Open, save, and manage diagram files.
  • Use Case: Automatically generate a UML class diagram based on a given code structure or user-defined specifications, and then save it as a .schemata.json file.

Quick Start

Use the canvas-api skill to create a new class node named 'User' at position x=100, y=100.

Frequently Asked Questions about canvas-api

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate UML diagram generation from code using a REST API?▼

Automating UML diagram generation involves sending REST API requests to a local development server to programmatically create and manipulate class nodes, text, and relationship edges. This enables automated diagram creation based on code structure specifications.

Can I programmatically apply auto-layout algorithms to UML diagrams?▼

Yes, you can programmatically apply auto-layout algorithms to UML diagrams using REST API calls. The API supports grid and hierarchical layout strategies, allowing you to automatically align, distribute, and group nodes on the canvas.

What is the best way to batch create UML class nodes and relationships?▼

Batch creating UML class nodes and relationships is handled through REST API requests that support batch operations. You can programmatically create, update, and manage multiple diagram elements like classes, groups, and edges in a single workflow.

Does this UML diagram API support saving diagrams as JSON files?▼

Yes, the UML diagram API supports file persistence by saving diagrams as `.schemata.json` files. You can programmatically open, save, and manage your diagram files directly through the REST API on the local server.

Do I need a local development server to programmatically edit UML diagrams?▼

Yes, a local development server is required to programmatically edit UML diagrams. The REST API operates on this local server to provide real-time diagramming capabilities and manage the creation and manipulation of canvas elements.

Related Skills

Explore More Software Engineering Skills→
dotBeepsdotBeeps

hoard-sending-stone

Send and receive messages between Pi sessions via a local HTTP/SSE bus.

Community
Advanced
pengqianhanpengqianhan
2

drawio

Generate draw.io diagrams in XML and export to PNG, SVG, or PDF.

Community
Intermediate
Camilo8902Camilo8902

vscode-rest-client-generator

Generate .http files for VS Code REST Client from API route definitions.

Community
Intermediate
jabrenajabrena
423

172-java-diagrams

Generate PlantUML diagrams for Java project architecture.

Community
Advanced