// 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.
Premier
v1.0.0
4–7
Screens Per Prototype
// HOW IT WORKS — WALKTHROUGH
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 the full prototype. Each run is versioned and tracked, so you can compare iterations over time.
06
Export
Download the full prototype as a ZIP of self-contained HTML files, or export individual screens for your dev workflow.
// PROTOTYPE LIBRARY
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.
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
// IN-APP VIEWER
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
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
// HOURLY AUTOMATION
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
// WHAT YOU GET
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.