// AI-DRIVEN PROTOTYPE GENERATION

IDEA TO PROTOTYPE IN 67 MINUTES

Prototype Generator closes the BRI → DRA → PTG pipeline. Every BRI idea gets deep-researched and turned into a navigable multi-screen UI prototype — automatically, every hour, zero human input.

Open App See How It Works
2
AI Stages
<5m
Generation Time
4–7
Screens Per Prototype
100%
Clickable HTML

From Research Brief to Clickable Prototype in 6 Steps

PTG is the final stage of the BRI → DRA → PTG pipeline. DRA research plus BRI product data goes in; a fully navigable multi-screen HTML prototype comes out — automatically, every hour.

01
Select a Brief
PTG auto-detects completed DRA reports where the source idea came from BRI. No manual trigger needed — the pipeline finds ready briefs automatically.
02
Synthesize Plan
Claude Haiku reads the DRA research report and BRI product data to produce a build plan, requirements document, and 4–7 screen names. Takes ~30 seconds.
03
Generate Screens
Claude Sonnet writes one complete HTML screen per API call. Each screen is a full dark-theme document with working navigation. ~2–4 minutes total.
04
Preview in Viewer
The in-app viewer renders each screen in an isolated iframe. A tab strip at the top lists every screen — click between them without leaving the app or downloading files.
05
Refine & Iterate
Trigger a re-generation for any individual screen or the full prototype. Each run is versioned and tracked, so you can compare iterations side by side.
06
Export
Download the full prototype as a ZIP of self-contained HTML files, or export the build plan and requirements doc as Markdown for your dev workflow.

All Prototypes in One Grid

Every generated prototype is stored in your library. The data grid shows generation status, screen count, token cost, and the DRA report it was built from. Click any row to open the detail panel with tabs for the build plan, requirements document, and direct screen navigation.

meltuc.tech/ptg/app
Search prototypes...
All Status
+ New Prototype
Title DRA Report BRI Idea Screens Status Cost
EVE Market Arbitrage Tracker EVE Online market gap analysis 2026 MarketSpy 6 ready $0.38
AI Job Board Aggregator AI hiring trends Q1 2026 TalentPulse 5 ready $0.41
Open-Source Dev Tool Monitor Agent framework landscape 2026 ... generating
Skill Gap Analyzer Skills trends Q4 2025 SkillMap 7 ready $0.44

Navigate Screens Without Leaving the App

Each prototype opens in the in-app viewer at /ptg/app/view/<id>/<screen>. A fixed strip at the top lists every screen as a clickable tab. The main area renders the selected screen inside an isolated iframe — full HTML, full dark theme, full interactivity. No file download. No new tab. Just click.

meltuc.tech/ptg/app/view/42/dashboard
Screens: Dashboard Opportunity List Detail View Analytics Settings Alerts
EVE Market Arbitrage Tracker · 6 screens
142
Opportunities
+38.4%
Best Margin
Jita
Top Region
12
Tracked
Item Buy Price Sell Price Margin
Tritanium (10k) 4.82M 6.71M +38.4%
Zydrine (1k) 28.3M 36.1M +27.6%
Caldari Navy Mjolnir 112M 139M +24.1%
Rendered in iframe · Screen 1 of 6

THE FULL CHAIN RUNS ITSELF

Three scripts. Three cron jobs. One idea becomes a clickable prototype within the hour.

BRI :18
Idea pipeline runs
composite score assigned
DRA :20
Best idea queued
research report generated
PTG :25
Prototype generated
navigator live

Everything You Need to Prototype Any Idea

PTG produces real, navigable prototypes — not mockups, not screenshots, not Figma exports. Every screen is complete HTML you can click through inside the app.

🤖
2-Stage AI
Claude Haiku synthesizes the build plan fast and cheap. Claude Sonnet writes polished, full-document HTML per screen. Right model for each job.
⚙️
Zero Input
Runs automatically at :25 every hour. Stale or failed rows self-heal on the next tick. No manual steps, no queue management required.
🖱️
Navigable Viewer
Screens render in an isolated iframe with a tab strip at the top. Click between Dashboard, List, Detail, and Settings without leaving the app.
🧠
BRI Integration
BRI MVP features, target user, and tech stack inform every generated screen. Prototypes reflect your specific product concept — not generic UI patterns.
📋
Build Plan + Reqs
Each prototype ships with a Stage 1 build plan and a full requirements document. Read them in the detail panel alongside the screens.
💰
Cost Tracking
Per-stage token cost tracked and displayed in the library grid — Haiku synthesis rates for stage 1, Sonnet rates for stage 2. Full spend visible at a glance.
📊
Live Progress
A Server-Sent Events stream pushes real-time generation progress to the app — watch the percent-complete and status update screen by screen, no refresh needed.
Accessibility Review
One click runs an AI accessibility audit over the generated HTML and returns up to 8 issues — severity and a suggested fix for each. Results are cached for instant re-opening.
📦
ZIP Export
Download the whole prototype as a ZIP — a combined self-contained prototype.html of every screen plus a README, ready to share or open locally.

// CROSS-APP INTEGRATIONS

PTG Reads From the Pipeline

PTG does not generate prototypes in isolation. It auto-detects completed DRA reports where the source idea came from BRI, pulling in research context and product data automatically.

DRA
Deep Research Agent
PTG polls DRA for completed research reports flagged as source_app='bri'. The full DRA report — market data, competitor landscape, key findings — is fed as context to both AI stages. No copy-paste. No manual trigger.
DRA report PTG synthesis input
BRI
Brainstorm Ideas
BRI is the origin of each prototype. The idea's name, MVP feature list, target user, and proposed stack flow through DRA and arrive at PTG fully enriched. Your idea shapes every screen layout and every feature label.
BRI idea metadata PTG screen content

// READY?

The Pipeline Runs. The Prototype Appears.

BRI generates the idea. DRA researches it. PTG builds the prototype. Every hour, automatically, no input required.

Open Prototype Generator

Requires a MelTuc account. Create one free.