Reading the Prompt Preview — Your Agent's Final Instructions

What is the preview panel?

Look at the right side of your screen. That panel is the preview — and it's the most important thing on the page. This is the "prompt" — the finished product that all your nodes combine to create.

Everything you've been building — the role, the rules, the examples — gets stitched together into one set of instructions. The preview shows you exactly what your AI agent will actually read when it starts working.

How it's organized

Each section in the preview matches a node on your canvas. And the colors match too — blue text comes from your Role node, red from your Rules node, and so on. This makes it easy to trace any part of the final prompt back to the node it came from.

The order of sections in the preview follows the connection lines on your canvas. If you rearrange nodes later, the preview order changes to match.

It updates in real time

Try this: click any node on the canvas, change something — even just a single word — and watch the preview update instantly. There's no save button, no refresh needed. What you see is EXACTLY what your agent will read.

This is your feedback loop. Edit on the left, check the result on the right. If something doesn't look right in the preview, go back to the node and fix it.

Understanding the Quality Score

At the bottom of the preview panel, you'll see a colored bar with a number. That's your Quality Score. It tells you how complete and well-structured your prompt is — at a glance.

Below the score, you'll see specific suggestions — things like "Add 2 example conversations to improve your score." These are tailored to what's missing from your prompt, so they're worth reading.

Don't chase 100