Visual workspace for AI automation

Canvas Flow

Build, test, and run AI agents with visual workflows, RAG, MCP, conversation memory, API access, WhatsApp, and Web Widget channels.

Without Docker
npx @igoruehara/canvas-flow@latest --open
With local Docker
npx @igoruehara/canvas-flow@latest --with-docker --open
Global
npm install -g @igoruehara/canvas-flow
canvas-flow --open

Run it locally in minutes

The standalone npm package serves the static frontend and the NestJS API from the same Node process. Docker remains optional when you want MongoDB and Milvus locally for a full RAG sandbox.

Without Docker
npx @igoruehara/canvas-flow@latest --open
With local Docker
npx @igoruehara/canvas-flow@latest --with-docker --open
Global
npm install -g @igoruehara/canvas-flow
canvas-flow --open
Canvas Flow editor with the test panel open

Core features

Canvas Flow brings the workflow editor, agent runtime, external tools, memory, and channels into one operational workspace.

Visual canvas

Design flows with message, input, RAG, MCP, API, condition, approval, and end nodes.

Standalone runtime

Run frontend and backend together through `npx`, with local Docker infrastructure or remote services.

Channels

Expose agents through API keys, Web Widget, WhatsApp, webhooks, and MCP clients.

RAG

Use documents, OpenAI embeddings, Milvus/Zilliz, Azure Search, and agent-scoped retrieval.

Memory and versions

Keep conversation memory by agent and conversation, with releases, API keys, and LangGraph checkpoints.

Provider config

Configure LLM providers, storage, channels, OAuth, and secrets outside the published package.

Operational docs

Use the English docs as a compact reference for providers, channels, API usage, custom webhooks, cron jobs, and the component catalog.

Providers

LLM, embeddings, vector search, storage, and MongoDB component settings.

Channels

WhatsApp callbacks and Web Widget embedding for websites and products.

API and automation

API keys, runtime calls, custom webhooks, callbacks, queues, and cron execution.

Components

A quick map of the nodes available in the visual editor.

Agent OS for internal delegation

`agents.md`, guardrails, rules, skills, subagents, and mcpServers define the agent contract. The orchestrator can plan, choose capabilities, and delegate to specialized skills without needing an external agent-to-agent protocol inside the product.

Agent Plan

Captures the strategy, validation points, inputs, outputs, and success criteria before execution.

Orchestrator

Selects the right skills, respects guardrails, and decides when tools should be called.

Specialist skills

Handle focused tasks, use allowed MCP servers, and normalize responses back to the orchestrator.

MCP for tools and external systems

MCP is the integration layer for tools. Canvas Flow can call external MCP servers, discover tools with `listTools`, execute `callTool`, and expose saved flows as MCP tools for external clients.

External MCP

Connect through Streamable HTTP, SSE, or WebSocket.

OAuth and SigV4

Keep authorization in the node configuration instead of spreading secrets through prompts.

Flow-to-MCP

Let MCP clients call saved Canvas Flow agents with JSON-RPC 2.0.