Drag nodes. Drag empty canvas to pan, wheel to zoom, right-click nodes/canvas for actions.
R3D3 Web Flow

Build agent flows without wrestling the canvas.

Private projects, safe file tools, reusable flows, and a cleaner path from idea → working implementation.

Safeisolated project files Faststarter flows + chat mode Flexiblenodes, roles, tools
Welcome backLog in to open your projects.
Workspace settings

Setup

Configure models, runtime behavior, voice, and system tools.

Models & API

Primary OpenRouter credentials and default model.

Core

Prompt & Vision Models

Models used by prompt helpers and the optional browser-image sidecar.

Runtime Behavior

Control probes, context, navigation, and ask-user timing.

Browser Probe

Leave visible mode off for hidden runtime probes during flows. Visible mode opens a temporary iframe popup. R3D3 runs browser_probe only when selected on an Agent node.

Run View & Context

Uncheck to cancel/supersede the current OpenRouter model response and continue immediately with the steer. Running tools are not canceled.
Pipelines: indexed OFF = legacy; indexed ON + owner OFF = indexed_v1; both ON = indexed_owner_v2. Context and compaction choices are frozen when a run starts.
Follow running node automatically pans the canvas to the active node without changing your zoom.

Chat Voice

Playback provider, voice, speed, and optional OpenRouter TTS.

Audio

OpenRouter TTS

Uses a tiny sample phrase.

Models & System

Refresh model lists and check local runtime dependencies.

Model fields are searchable inputs with OpenRouter dropdown options.
Validator: open setup to check Composer libraries.

First Run Guide

Replay onboarding without changing your saved projects.

Reopen the OpenRouter key helper, starter-flow picker, and simulated walkthrough.
Changes apply after Save.

OpenRouter pricing key

Used for cost visibility, not for changing which model runs.

OpenRouter responses include usage/cost metadata, and generation stats can be queried later by generation ID. A separate OpenRouter key lets R3D3 keep pricing/account lookups isolated from the normal model-calling key.

  1. Open OpenRouter and sign in.
  2. Go to Settings -> Management API Keys if you want account/key usage lookups, or API Keys for normal generation stats.
  3. Create a key, copy it once, then paste it into Pricing / Usage Key.

OpenRouter notes that Management API keys are for administrative operations, while generation stats and response usage are used for model-cost auditing.

Open OpenRouter keys Open pricing docs

R3D3 Prompt Layers

How each agent prompt is assembled before the model chooses a tool.

1 · System + SafetyHard runtime rules, available tools, validators, repair protocol.
2 · Flow PromptYour objective and constraints for the selected connected flow. Disconnected flows can keep separate prompts.
3 · Agent RolePlanner, coder, reviewer, image agent, or your custom working style.
4 · Node InstructionsThe selected node's prompt, run mode, and checked tools.
5 · Upstream ContextHandoffs, checklist state, working memory, files, and probe results.
6 · Tool ContractThe final allowed tool list. Disabled tools stay unavailable.
ResultSpecific enough to act, compact enough to avoid token waste.

Agent Roles

Pick a reusable specialty for Agent nodes. Keep the role broad; put task-specific instructions on the selected node.

0/0
Role tools Generate roles, refresh Auto routing metadata, or merge specialties without cluttering the editor.
AI Role BuilderGenerate, condense, or expand a Markdown role from a plain-English request. Open
Better requests name the specialty, preferred build style, and verification habits. Example: “Three.js primitives specialist who builds shapes from BoxGeometry, SphereGeometry, CylinderGeometry, groups meshes cleanly, and checks camera/frustum/material visibility.”
Selected Role MetadataShows Auto routing signals used for role selection. Open

                
Combine RolesSelect multiple roles, choose a model, and generate one merged reusable role. Open

Add to Project

Create safe source files, upload media, or add one subfolder level.

Safe source types: HTML, CSS, JS/TS, PHP, TXT/Markdown, JSON, CSV, XML/YAML, and webmanifest.

File