Codalio Logo

How it works

Watch the whole loop run.

Most tools show you a prompt box and a demo. Codalio is a loop: idea → PRD → prototype → code → deploy, all grounded in one blueprint — and it runs both directions. Scroll through exactly what gets produced at every stage.

Start building freeBook a demo
Start from an idea

Idea → PRD → Code

PromptPRDUI PrototypeCodeDeployScale

Describe what you want in plain language. Codalio writes the spec, builds a clickable prototype, generates production code on your own GitHub, and deploys it.

Jump to this flow
Start from code

Code → PRD

Existing Code8-Stage AnalysisPRD
EditRegenerateDeploy

Point Codalio at a repository — a vibe-coded MVP, an agency handover, a legacy project — and it reverse-engineers the code into a PRD you control, then rebuilds from the corrected blueprint.

Jump to this flow
See it working

Watch your product take shape

Not a prompt box and a prayer — a guided pipeline. Scroll to walk through exactly what Codalio produces at every stage. This is the real product.

S
Sarah, 30 — marketing specialistFourteen subscriptions, two forgotten free trials this year, and $63/month going to apps she'd stopped using. She typed one paragraph into Codalio.
STEP 01 — THE IDEA

One paragraph. That's the input.

Sarah describes what she wants in plain language — track every subscription, find them from her email, alert her 3 days before renewals, one-tap cancel, family sharing. Then she hits Start Building.

STEP 02 — THE PRD

Minutes later: a complete blueprint

Not just a feature list. Problem statement, target audience, design principles, user personas and journeys, market sizing with TAM/SAM/SOM, competitors, architecture, user stories, and a costed scope. Click the tabs in the window to explore each one.

STEP 03 — MAKE IT YOURS

Don't like something? Say so.

The AI asks Sarah the questions a good PM would ask. She answers, adds a feature in a sentence — and the PRD regenerates with a new version. You edit the blueprint, not the code.

STEP 04 — UI PROTOTYPE

Click through it before it's built

Codalio turns the PRD into interactive designs Sarah can actually click through and test — and publish as static web pages straight from this card.

STEP 05 — CODE

Production code from the spec

A scalable codebase generated against PRD v1.1 on the open-source Rhino foundation. Export as PDF, JSON, HTML — or as Cursor and Windsurf instructions. The code syncs to Sarah's GitHub. She owns it.

STEP 06 — CLOUD DEPLOY

Live — and ready for engineers

One-click staging and production. When Sarah hires her first engineer, they inherit the PRD, architecture, data model, and full agent context — not a prompt history.

Subscribedⓘ Project Lifecycle
PRD
UI
Code
Deploy
Preview Static WebsitePublish
What's on your mind?

Describe your product idea and let AI help you plan, design, and build it

Describe it
Import from GitHub
"Build me an app that tracks all my subscriptions —
Netflix, Spotify, gym, cloud storage. Find them from my email,
alert me 3 days before renewals, one-tap cancel, family support."
Start Building My App
⏱ 5–7 minutes later, Sarah has a complete PRD →
Agent Activity · 48 actions
Orchestrator 1
Project Manager 19
Designer 6
Product Manager 9
Architect 10
Reflection 1
Scoring 1
Message AI
Give me suggestionsElaborate more
Credits128
Monthly100
Bonus28
SSarah K.
Business requirements
Project Requirements Design Market Sizing
Technical requirements
Scope Estimation Architecture User Stories
VERSION
Base Version · Export ▾
Click any tab above — this is the actual PRD structure
Project Requirements
Elevator pitch, problem statement, solution, features, phasing, user flows, success metrics
Elevator Pitch

For individuals and families overwhelmed by managing multiple subscriptions, Subscribed is a mobile app that automatically tracks all your recurring payments, alerts you to renewals and price changes, and allows one-tap cancellations.

Tech-Savvy Individuals
Demographics: ages 25–45, urban professionals
Pain points: forgotten subscriptions, surprise charges
Families / Households
Demographics: shared services, joint finances
Pain points: no view of family-wide spending
Phase 1Core Tracking & OverviewPhase 2Automation & Alerts+ user flows · success metrics · competitors
Design
Principles, user personas, user journeys, sitemap & navigation
Principles

Simplicity & clarity: complex financial data, digestible. Control & empowerment: users manage and cancel with ease. Security & privacy: sensitive email and financial data handled transparently.

Sarah, The Savvy Solo Professional
Age / Role: 30, Marketing Specialist
Goals: track every subscription, avoid unnecessary spending, cancel easily
Pain points: forgets free trials, can't find cancellation links, surprised by renewals
Preferred devices: iPhone, laptop

↳ User journeys: monthly bill-review session · responding to a renewal alert · sitemap with bottom-tab navigation (Dashboard, Subscriptions, Family, Settings)

Market Sizing
TAM/SAM/SOM analysis, competitive context, market assumptions
Total Addressable (TAM)
$12.0B

Personal-finance software & apps, North America

Serviceable (SAM)
$3.0B

Subscription-management solutions segment

Obtainable (SOM)
$225M

Realistic 5-year capture for Subscribed

↳ Key assumptions · competitive context (industry CAGR 12%) · key competitors and our advantage

Scope Estimation
Effort breakdown, story points, task lists by role
RoleTraditionalCodalioSavings
UI/UX Designer7.5 d0.7 d90%
Frontend Developer14.0 d0.7 d95%
Backend Developer19.5 d1.9 d90%
QA Engineer9.5 d2.9 d70%
Total55.5 d6.5 d88%
Traditional
$55,500
Codalio
$6,500
You save
$49,000
Architecture Document
System diagram, data model, schema — how it all connects
TrackedSubscription
VARCHARname · provider
FLOATcost_amount
DATEnext_renewal_date
BOOLEANis_family_plan
EmailConnection
VARCHARemail_address
VARCHARprovider · auth_token
TIMESTAMPlast_synced_at
Notification
INTid
TIMESTAMPcreated_at
PriceHistory
FLOATold_price · new_price
DATEeffective_date

↳ Plus sample data and the service-level system diagram

User Stories
Every feature as a story with acceptance criteria, grouped by phase
Phase 1 Key feature · Family Account Management
Manage Family Subscriptions

As a user with a family, I want to link my account with my partner's, so we can see our combined subscription spending.

Acceptance criteria ⌄
• Invite family members to link accounts
• Combined view shows who owns which subscription
• Total combined monthly / annual spend displayed
Phase 2 Key feature · Automatic Subscription Detection
Automatically Discover Subscriptions from Email

As a busy user, I want subscriptions detected from my email so I don't add each one manually.

Message AI
Answer as many AI questions as possible for the best results
Give me suggestionsElaborate more
Credits126
SSarah K.
Codalio asks
"How much effort should we invest in enabling users to cancel subscriptions directly in-app with a single tap, considering the varying technical and legal requirements of different service providers?"
Sarah answers
"Deep-link to the provider's cancellation page for v1 — full in-app cancel later. Also: add a yearly spending report I can share with my partner."
Updating requirements, stories & estimates…
✓ PRD regenerated — Base Version → v1.1

＋ New story: Annual Spending Report added to Phase 2 · scope & estimate updated automatically

Remove a feature, add one in a sentence, answer a question — the blueprint stays in sync. Scores may go up or down as new requirements are added.

UI Prototyping
Designer 6
Generated as static Web/UI pages — publish or iterate
SSarah K.
UI Prototyping (Web/UI Pages) Generate UI PrototypePublish as static pages
🔔 Renewal in 3 days
Netflix — $17.99/mo renews Sat, Jul 19
Cancel with one tapKeep
Good morning, SarahThursday, July 17
S
Monthly spend
$142.37
14 active subscriptions · ▲ $12.00 vs last month
Upcoming renewals
N
NetflixRenews in 3 days
$17.99/mo
C
iCloud+Renews in 5 days
$9.99/mo
No
NotionRenews Aug 2
price ↑ $2
$10.00/mo
Subscriptions14 active · 2 paused
S
N
NetflixJul 19 · found via email
$17.99
Cancel
S
SpotifyJul 24 · family plan
$11.99
Cancel
G
GoodLife GymAug 1 · annual
$42.00
Cancel
C
iCloud+Jul 21 · 2 TB
$9.99
Cancel
No
NotionAug 2
price ↑ $2
$10.00
Cancel
+ 9 more · sorted by renewal date
Family2 members linked
S
Combined monthly spend
$203.14
Sarah + Marco · 20 subscriptions
SSarah — 14 subscriptions$142.37
MMarco — 6 subscriptions$60.77
✓ Duplicate found: two Spotify accounts.
Switch to one family plan — save $11.99/mo.
SettingsAccount & preferences
S
Connected emailsarah.k@gmail.com · syncing ✓
Renewal alerts3 days before renewal · push
Price-increase alertsAny change, any amount
Family sharing2 members linked
Weekly digestEmail summary every Monday
PlanPremium · renews Aug 12
Manage
▦Dashboard ≡Subs ⚭Family ⚙Settings
Tap the tabs — this prototype is clickable
6 pages generated from PRD v1.1
✓ Onboarding & email connect← User Flow 1
✓ Dashboard← User Flow 2
✓ Subscriptions list← /subscriptions
✓ Subscription detail← /subscriptions/:id
✓ Family sharing← User Flow 4
✓ Alerts & notifications← User Flow 3
Every page traces back to a user flow in the PRD. Change the PRD — the prototype regenerates. Sarah caught a missing "paused subscriptions" state here, before a line of production code existed.
Codebase
Architect 10
Repository: subscribed-app · Rhino foundation · tests included
SSarah K.
Export ▾ PDFJSONHTMLCursor InstructionWindsurf InstructionSynced to GitHub ✓
DevOps
Deploy ✓
One-click staging & production · managed hosting
SSarah K.
$ codalio deploy --production
Building subscribed-app… (PRD v1.1)
✓ 214 tests passed
✓ Staging → staging.subscribed.app
✓ Production live → subscribed.app
✓ Code pushed to github.com/sarahk/subscribed — she owns it
E
Engineer invited to workspaceInherits PRD v1.1, architecture, data model & full agent context — zero reverse-engineering.
Already have code?

The problem isn't your code.
It's the missing blueprint.

Built something with vibe-coding tools that almost works? Inherited a codebase nobody documented? Every fix breaks something else — because nobody, not even the AI that wrote it, knows what the app is supposed to do. Code to PRD reverse-engineers your repo into a spec you control.

STEP 01 — CONNECT

Bring code from any platform

A vibe-coded MVP, an agency handover, or your organization's legacy project — paste the GitHub URL and hit Analyze.

STEP 02 — ANALYZE

An 8-stage deep read of your repo

Service discovery, graph extraction, architecture, data model, integrations, business logic, UX flows, PRD synthesis — each stage learns from the last, with the AI's thinking visible throughout.

STEP 03 — YOUR APP, WRITTEN DOWN

Everything the code does, in plain language

The same full PRD you'd get from a prompt — requirements, design, market sizing, scope, architecture, and user stories. Click the tabs in the window to explore. Your black box becomes a blueprint.

STEP 04 — EDIT & REGENERATE

Change the blueprint, not the code

Don't like a feature? Remove it. Something was always missing? Add it in a sentence. Codalio regenerates the code from the updated PRD — all your existing features, plus the new ones. And it works, because this time it was built from a blueprint.

Hotel Management Systemⓘ Project Lifecycle
Import
Analysis
PRD
Regenerate
GitHub
What's on your mind?

Describe your product idea and let AI help you plan, design, and build it

Describe it
Import from GitHub
github.com/davidr/hotel-management-system
EXAMPLE  github.com/org/repo · org/repo · https://github.com/org/repo
Analyze repository

David inherited this repo from a dev shop two years ago. The docs? A README with setup steps. Nothing else.

● Repo analysis in progress…Pipeline stages 8 / 8
Service discovery Done ✓
Graph extraction — pages, components, API calls, actions Done ✓
Architecture analysis Done ✓
Data model extraction — schema from existing code Done ✓
Integration analysis ● In progress
AI THINKING
Reading docker-compose.yml to identify services… mapping API surfaces and integrations… tracing the reservation lifecycle across modules…
Business logic extraction — rules & functionality Queued
UX flow analysis Queued
PRD synthesis Queued
Analysis · 8 / 8 done
Service discovery ✓
Graph extraction ✓
Architecture ✓
Data model ✓
Integrations ✓
Business logic ✓
UX flows ✓
PRD synthesis ✓
DDavid R.
Business requirements
Project Requirements Design Market Sizing
Technical requirements
Scope Estimation Architecture User Stories
Synthesized
from code ✓
Click any tab — every section was reconstructed from the repo
Project Requirements
Reconstructed from github.com/davidr/hotel-management-system
Elevator Pitch

A multi-service hotel management application that lets guests browse and book rooms, while giving staff and administrators an operations dashboard for inventory, reservations, and check-ins.

Guest
Who: public, tourists, business travelers
Goals: register, book, manage stays
Staff
Who: receptionists, managers
Goals: dashboards, room inventory
Phase 1Core MVP — booking & operationsPhase 2Dynamic pricing & reporting
Design
Principles, personas, journeys, sitemap — recovered from the actual UI code
Principles

Role-based clarity: guests see a booking flow, staff see an operations console. Real-time state: room availability and reservation status always current. Atomic updates: no double-bookings.

↳ Journeys found in code: guest booking with dynamic pricing · staff check-in/check-out · admin room maintenance

↳ Sitemap: /rooms · /reservations · /admin/dashboard · /admin/inventory — recovered from the router

Market Sizing
Generated fresh — the original code never had a business case
Total Addressable (TAM)
$7.2B

Hotel management software, global

Serviceable (SAM)
$1.9B

Independent & boutique hotels segment

Obtainable (SOM)
$140M

Realistic 5-year capture

↳ Key assumptions · competitive context · positioning vs. legacy PMS vendors

Scope Estimation
What it would cost to rebuild — and to extend from here
RoleTraditionalCodalioSavings
UI/UX Designer15.5 d1.5 d90%
Frontend Developer26.0 d1.3 d95%
Backend Developer28.5 d2.8 d90%
QA Engineer19.0 d5.7 d70%
Total97.0 d11.8 d88%
Traditional
$97,000
Codalio
$11,800
You save
$85,200
Architecture Document
Schema extracted directly from the existing code
Room
VARCHARnumber · type
FLOATbase_rate
VARCHARstatus
Reservation
INTguest_id · room_id
DATEcheck_in · check_out
VARCHARstatus
Guest
VARCHARname · email
TIMESTAMPcreated_at
Payment
FLOATamount
VARCHARmethod · status

↳ Plus the service-level diagram: web ↔ API ↔ booking engine ↔ database

User Stories
Behavior found in code, written as stories your team can finally discuss
Phase 1 Key feature · Guest Booking
Book a Room with Dynamic Pricing

As a guest, I can browse available rooms and reserve with live pricing, so I can book without calling the hotel.

Acceptance criteria ⌄
• Availability reflects real-time room status
• Price updates by season and occupancy
• Double-booking prevented by atomic updates
Phase 1 Key feature · Staff Operations
Manage Check-ins from the Dashboard

As staff, I can process arrivals and departures and update room status in one place.

David edits the blueprint — not the code:

REMOVELegacy fax-confirmation flow nobody has used since 2019
ADD"Guests can modify a reservation date without calling the front desk"
Regenerating code from updated PRD… UI configuration & deploy pipeline included
✓ All existing features preserved
✓ New: self-service reservation changes
✓ Removed: fax confirmation module + dead code
✓ Built from blueprint — 187 tests passed

Publish the deployment, export the PRD, or keep iterating — the spec and the code stay in sync from here on.

Watch it work

Two directions, two walkthroughs

Whether you are starting from an idea or from code that already exists, the PRD is the part that makes the rest hold together. Here is each path, start to finish.

Describe an app in plain language and Codalio turns it into a product requirements document, an interactive prototype, production code you own, and a live deployment.
Point Codalio at a repository and it reverse-engineers the code into a product requirements document you control, then regenerates the code from the updated blueprint.

Common questions

That whole loop starts with one sentence.

Idea or existing repo — the first PRD and prototype are free.

Start building free