Skip to main content

Canvas Tools

Overview​

Building complex agent workflows can sometimes be tedious. VibeAgent includes a suite of Canvas Utilities designed to accelerate your build process and keep your workspace organized.

1. AI Flow Generator​

Why build from scratch when you can just ask? The AI Flow Generator allows you to construct entire agent workflows using natural language.

How to Use​

  1. Open the Assistant: Click the blue Sparkle Icon located in the bottom-right corner of the canvas.
  2. Describe Your Goal: Type a prompt describing what you want.
    • Example: "Create an email summarizer flow that reads my unread Gmails, summarizes them using GPT-4, and emails me the report."
  3. Preview & Apply: The AI will generate a complete graph structure (Nodes + Connections) in the chat window.
    • Click Hide Flow Preview to toggle visibility.
    • Click Apply Flow to Canvas to instantly drop the generated nodes onto your workspace.
Pro Tip

This is the fastest way to learn. If you aren't sure how to connect a specific tool, just ask the Generator to build it for you, then inspect how it wired the connections.

2. Auto-Arrange Nodes​

As your flows grow in complexity, cables can get crossed and the layout can become messy ("spaghetti mode"). The Auto-Arrange feature instantly cleans up your graph.

The Magic Wand​

  1. Locate the Magic Wand Icon in the top-right toolbar.
  2. Clicking this button triggers a layout algorithm that:
    • Aligns nodes strictly from Left to Right.
    • Minimizes wire crossing.
    • Groups related logic together.