studioai-canvas — Project & Node Graph

This skill manages Studio AI projects and the canvas graph that drives them. The canvas is React-Flow under the hood: every project has one canvas with arrays of nodes and edges, persisted in Convex. Generation results stream back into individual nodes via the existing live-query path, so once you plant a node and submit a generation against its id, the UI will render the result automatically.

Tools used

• list_projects, create_project — pick or make a project
• get_canvas, update_canvas — read + replace the node/edge arrays
• (then) generate_image / generate_video from studioai-generate

Node anatomy

Each node has at minimum: