// concept prototype

Flowtab, all screens

Back-office automation for small agencies. A signed proposal becomes a deposit invoice, a project and a kickoff message, with checks on the numbers and runs that pause instead of failing silently.

/WebsiteWhat happens after a proposal is signed, and what happens when something breaks. /runsRunsEvery run with its steps at a glance, a paused-connection alert, and the run stopped by a check. /runs/4182Run detailStep timing with a Stripe retry, the signed PDF next to the extracted fields (hover to match them), and the checks. /flows/kickoffFlow editorThe flow with an approval branch for large deposits, field mapping, safety settings, tests and version history.

How it would be built

TriggerWebhooks

PandaDoc, Stripe and QuickBooks events verified by signature and stored before processing.

EngineDurable runs

n8n or a Node worker on a Postgres queue; each step's input and output saved so runs can resume.

ExtractLLM with schema

Claude returns JSON against a schema; code checks the numbers before any money step.

ActAPI calls

Stripe, Notion, Slack with idempotency keys, backoff and per-app rate limits.

SeeRun log

Next.js dashboard for runs, pauses, approvals and replays.

n8n · Node.js · PostgreSQL · Claude / OpenAI · Stripe API · Notion API · Slack API · PandaDoc API · Next.js

Concept prototype by Abdullah Said. Static pages with a fictional agency and demo data. Photo from Unsplash.

PROTOTYPEwebsiterunsrun detailflow editorall screensconcept · demo data