Ship UI that can't break.
FlowLock turns your PRD into a living contract. If a screen shows data nobody captured, or a flow dead-ends, the build fails. Agents & devs only ship UI that actually works.
npx uxcg init my-appIf copy is blocked by your browser, a flowlock-install.txt download will start instead.
Perfect for Every Team
Whether you're a product owner, developer, or AI builder, FlowLock adapts to your workflow
Non-technical
One click: Watch & Stream. See a plain-English todo list in Cloud.
Engineers
CI gates + exact patches. Guardrails that prevent rework.
AI builders
Agents scaffold only when green. Less hallucination, more shipping.
Join thousands of teams building better products with FlowLock
Use FlowLock wherever you work
CLI for power, IDE for guidance, Cloud for collaboration.
Spec-first CLI
Initialize guardrails, generate diagrams, and block bad commits. Works in any repo in minutes.
IDE Co-pilot
Cursor/Claude/VS Code integrate slash-commands so agents scaffold UI only once the contract is green.
Cloud Dashboard
Review Gap Reports, flows, and traceability with your team. Enforce policies via GitHub Actions.
npx uxcg init my-appIf copy is blocked by your browser, a flowlock-install.txt download will start instead.
From pretty-but-useless to usable-by-default
Hard guardrails
Blocks merges if flows or fields don't line up. It's CI for UX.
Single source of truth
One compact spec ties role → JTBD → flow → screen → field. If it's not in the spec, it doesn't exist.
Agent-native
Your AI can't improvise; it reads the spec, passes validation, then generates UI that matches.
Non-negotiable invariants
If they fail, the build (or the agent) is blocked. These guarantees ensure your UI works exactly as specified.
Honest Read
UI only uses fields that are captured, derived (with provenance), or from an approved source.
Reachability
Primary jobs are reachable from entry in ≤3 steps. No dead-ends/orphans.
Creatable ⇒ Viewable
Every creatable entity has a details view and a discoverable path.
State Machine Validity
CTAs respect allowed transitions and guards.
Empty / Loading / Error
Lists, forms, cards declare states with copy.
Role Boundaries
Screens & CTAs visible only to declared roles.
Spec Coverage
Every component maps back to the contract.
Let AI do the heavy lifting
From idea → PRD → contract → UI, with audits and simulations.
Transform ideas into working UI
Idea → PRD
Describe your idea in plain language. FlowLock asks smart follow‑ups and drafts a complete PRD with roles, JTBD, entities, and success metrics.
PRD → Contract
AI synthesizes a traceable UX contract (uxspec) with flows, screens, fields, and policies. No UI yet—just the truth.
Scaffold UI
Once green, orchestrates your AI agent to generate components that exactly match the contract.
Agent Integration Rules
How FlowLock ensures AI agents generate correct UI
Spec-first gates
Scaffold only when the contract is green.
Constrained context
Agents read the contract + fixtures, not your whole repo.
Schema-validated plans
Non-conforming output is rejected and re-asked.
Deterministic runs
Pinned model/prompt/seed; cached by spec digest.
See red/green as you type
Stream audits, artifacts, and todos to the Cloud from your laptop. No commits needed.
{
"run": {
"origin": "local",
"specDigest": "sha256:7f3b9c2a...",
"timestamp": "2025-08-14T19:26:59.606Z",
"status": "running",
"checks": [
{
"id": "honest_reads",
"status": "pass",
"message": "All reads are honest",
"ref": {
"screen": "workout_detail",
"entity": "Workout",
"field": "intensity"
}
},
{
"id": "reachability",
"status": "pass",
"message": "3-click rule satisfied"
},
{
"id": "state_validity",
"status": "pass",
"message": "All state transitions valid"
}
],
"artifacts": [
{"type": "svg", "name": "er.svg"},
{"type": "csv", "name": "screens.csv"}
],
"metrics": {
"coverage": 100%,
"reachability": "3-click",
"deadEnds": 0,
"tests": {
"passed": 0,
"failed": 0,
"total": 0
}
}
}
}Free gets you the open schema and baseline checks locally. Pro unlocks Cloud live runs, IDE quick-fixes, autofix, and advanced checks. Enterprise adds SSO/SAML, private prompts/models, custom checks, on-prem relay, audit logs, and SLAs.
Start free. Scale with your team.
Starter
Pro
Enterprise
Quick answers
What exactly is the "contract"?
A tiny JSON spec that declares roles, jobs-to-be-done, flows, screens, fields and state rules. The UI must match it, or validation fails.
Will it work with any stack?
Yes. FlowLock is stack-agnostic. It generates docs and tests; your UI stack (Next.js, RN, desktop) consumes the spec.
How do AI agents use it?
IDE slash-commands tell agents to fill the spec from your PRD, fix validation errors, then scaffold UI. No spec, no code.
Can it auto-fix things?
Yes—safe auto-fixes remove dishonest reads and suggest exact edits. The Cloud dashboard lets you apply or revert with one click.