How to Set Up Flowith Canvas Cowork with Your AI Coding Agent

Step 1: Create a Flowith Account

If you don't have a Flowith account yet, go to flowith.io and sign up. The free tier is enough to get started with Canvas Cowork — you get access to the shared canvas, basic generation credits, and WebSocket connections.

Once signed in, navigate to your workspace. You'll need your workspace URL later when configuring the skill. It looks like: flowith.io/canvas/your-workspace-id

Step 2: Install the Canvas Cowork Skill

Open your terminal and run:

The installer will pull the latest version from the Flowith skill registry and add it to your local skills configuration. You'll see output confirming the installation and a prompt to connect your Flowith workspace.

When prompted, paste your Flowith workspace URL or authentication token. The skill stores this locally — it does not require any API keys or server configuration. Everything runs through Flowith's hosted WebSocket infrastructure.

Step 3: Connect Your AI Agent

Canvas Cowork connects to your agent via the skills protocol. How you activate it depends on which agent you're using:

Claude Code

Claude Code picks up installed skills automatically. Start a new session and tell it you want to use Canvas Cowork:

Claude Code will connect to your Flowith workspace and begin routing output to the shared canvas. You'll see a confirmation in the terminal and a new canvas node appearing in Flowith.

Cursor

In Cursor, open the Command Palette (Cmd+Shift+P) and search for "Canvas Cowork". Select "Canvas Cowork: Connect to Flowith". Alternatively, you can invoke it from the AI chat panel:

Once connected, any Cursor Composer output you send to Canvas Cowork will appear on your Flowith shared canvas in real time.

GitHub Copilot

In VS Code with Copilot installed, Canvas Cowork appears as an extension command. Open the Extensions sidebar, find Canvas Cowork, and click "Connect Workspace". You can then use the @canvas mention in Copilot Chat to route outputs to Flowith.

Other Agents (Windsurf, Cline, Goose, etc.)

For Windsurf, Cline, Roo Code, Goose, Gemini CLI, and other supported agents, the connection pattern is the same: invoke Canvas Cowork from within the agent and pass your Flowith workspace endpoint. Check the Canvas Cowork documentation for agent-specific instructions as the list is updated regularly.

Step 4: Run Your First Canvas Session

With your agent connected, open your Flowith workspace in a browser. You should see an empty canvas. Now go back to your agent and run a task that generates output — generate an image, write a code snippet, or produce any content.

The output will appear as a node on the canvas within seconds. Each node shows the content, the agent that generated it, and a timestamp. You can expand nodes to see the full output, copy the content, or use the node as the basis for the next step.

Using Tree-Based Branching

This is where Canvas Cowork gets powerful. Instead of a linear sequence of outputs, you can branch from any node to explore alternatives.

To fork a node:

1. Hover over any canvas node and click the fork icon (or right-click and select "Fork")
2. A new branch appears alongside the original
3. Prompt your agent with a variation — different style, different approach, different parameters
4. The new output populates the forked branch
5. Compare branches side-by-side on the canvas

This is especially useful for design work (comparing image styles), code architecture (comparing implementation approaches), or any task where you want to evaluate options before committing.

Batch Generation with Parallel Subagents

For tasks that require volume — multiple image variations, a set of code alternatives, or parallel exploration of different prompts — Canvas Cowork can spawn parallel subagents to run jobs concurrently.

To trigger a batch job, tell your agent to run in batch mode:

Canvas Cowork will spin up multiple subagents running in parallel, and results will populate the canvas as each job completes. No need to wait for all 8 to finish before reviewing the first ones.

Multimodal Controls

For image and video workflows, Canvas Cowork exposes controls in the Flowith interface:

• Image-to-Image: Use any canvas node as the source image for the next generation
• Image-to-Video: Animate a canvas image node into a short video clip
• Aspect Ratio: 1:1, 16:9, 9:16, 4:3, and custom ratios
• Resolution: Set output resolution per node

Access these controls by clicking the settings icon on any image node in the Flowith canvas.

Sharing Your Canvas with Teammates

To share your canvas:

1. Click the Share button in the top-right of the Flowith canvas
2. Copy the invite link
3. Send it to teammates — they join with their Flowith account (free tier works)
4. Teammates see the canvas in real time and can add comments, fork nodes, or connect their own agents

All participants and all connected agents see the same live canvas. A teammate using Cursor can generate output that appears alongside your Claude Code output on the same canvas, in real time.

Cross-Canvas Recall

Every Canvas Cowork session is saved and indexed by Flowith. To pull output from a past session into your current canvas:

1. Press Cmd+K (or the search icon) in the Flowith canvas
2. Type a description of what you're looking for
3. Flowith returns matching nodes from past sessions using semantic search
4. Click any result to pull it into your current canvas as a new node

This is much faster than searching through local files or chat history when you want to reuse or build on previous work.

Frequently Asked Questions