Reforge Build
A builder used to generate and re-theme a high-fidelity UI prototype from structured context and data. It is relevant to PMs for rapid product prototyping.
Key Highlights
- Reforge Build turns structured context, wireframes, and data into high-fidelity UI prototypes.
- The Variations feature helps teams explore four distinct mockup directions for faster discovery.
- Messaging agents use AI personas in real browsers to evaluate clarity, value props, and conversion flows.
- A recent workflow showed how swapping a JSON file can instantly re-theme a polished prototype.
- The tool is especially relevant to AI PMs adopting context engineering for faster iteration.
Reforge Build
Overview
Reforge Build is a prototyping tool designed to generate and re-theme high-fidelity UI concepts from structured context, design inputs, and data. Rather than starting from a blank canvas, teams can combine artifacts like functional specs, wireframes, prompts, and JSON datasets to quickly produce polished product mockups. In recent examples, Reforge Build has been used to turn Figma wireframes and enriched data files into modular interfaces that can be re-skinned or repurposed simply by swapping the underlying data.For AI Product Managers, Reforge Build matters because it compresses the path from idea to testable artifact. It supports rapid exploration of product directions, helps teams validate messaging and UX assumptions earlier, and makes it easier to generate realistic prototypes for internal reviews or user research. Its emerging workflow also reflects a broader AI product pattern: context engineering, where the quality of outputs depends heavily on how well specs, design structure, and data are assembled.
Key Developments
- 2026-01-09 — Brian Balfour introduced the Variations feature in Reforge Build, which auto-generates four distinct mockup directions to speed up product discovery and concept exploration.
- 2026-02-11 — Cole Hoffer shipped messaging agents on Reforge Build: AI bots that open real browsers, assume distinct user personas, and run parallel end-to-end flows to surface feedback on messaging clarity, value proposition gaps, and conversion drivers.
- 2026-05-04 — Reforge Build was used in a context-engineering workflow to create a polished music genre detail page from a Figma wireframe, functional requirements, and a JSON data file enriched with Claude and a custom MCP server. The prototype could be instantly re-themed by replacing the `data.json` file.
Relevance to AI PMs
1. Rapid prototype generation from structured inputs AI PMs can move from PRD-level thinking to realistic UI prototypes faster by combining specs, wireframes, and structured data. This is especially useful for testing new product concepts before committing engineering resources.2. Better discovery through fast variation and iteration
Features like Variations make it practical to explore multiple directions at once instead of debating a single design path. PMs can use this to compare interaction patterns, positioning, and presentation styles during early-stage discovery.
3. Tighter feedback loops for messaging and UX
With messaging agents and browser-based evaluation flows, AI PMs can assess how different personas might interpret landing pages or product experiences. This helps identify clarity issues, conversion blockers, and value-prop weaknesses much earlier.
Related
- cole-hoffer — Associated with shipping messaging agents on Reforge Build for automated product and messaging feedback.
- messaging-agents — A notable Reforge Build capability that uses AI personas in real browser sessions to evaluate flows and messaging.
- brian-balfour — Highlighted the Variations feature, connecting Reforge Build to faster product discovery workflows.
- variations — A Reforge Build feature that generates multiple mockup directions automatically.
- figma — Used as an upstream wireframing input for Reforge Build in a structured prototyping workflow.
- claude — Used to generate and enrich the JSON data that powered a modular Reforge Build prototype.
- context-engineering — Closely tied to how Reforge Build is used effectively: assembling layered context from specs, design, and data to improve output quality.
Newsletter Mentions (3)
“Created a Figma wireframe in 20 minutes specifying layout, mobile responsiveness, and design elements, then prompted Reforge Build with “build a music genre detail page for downtempo using the attached wireframe, dark theme, full rounded buttons” to produce a polished UI.”
#2 ▶️ Everything You Need to Know About Context Engineering in 40 Minutes | Ravi Mehta Peter Yang Use 3-layer context engineering (functional spec, Figma wireframe, JSON data enriched via Claude and a custom Cloud Code MCP server) to generate a high-fidelity music genre detail page prototype in Reforge Build that can be instantly re-themed by swapping the data.json file. Created a Figma wireframe in 20 minutes specifying layout, mobile responsiveness, and design elements, then prompted Reforge Build with “build a music genre detail page for downtempo using the attached wireframe, dark theme, full rounded buttons” to produce a polished UI. Used Anthropic’s Claude to generate a JSON data file with 15–20 milestone albums (including name, release date, artist, 1–2 sentence description, tags) and enriched it with album cover URLs via a custom Cloud Code MCP server built in approximately 1 hour. Assembled a full-stack markdown prompt in Reforge Build that attaches the Figma wireframe, specifies functional requirements and color palette, and inputs the enriched data.json (saved separately), yielding a modular prototype that switches to “psychedelic rock” by replacing the JSON file.
“Cole Hoffer shipped messaging agents on Reforge Build—AI bots that open real browsers, adopt distinct user personas, and run parallel end-to-end flows to deliver deep, product-level feedback on messaging clarity, value-prop gaps, and conversion drivers in minutes across any p...”
#10 in Cole Hoffer shipped messaging agents on Reforge Build—AI bots that open real browsers, adopt distinct user personas, and run parallel end-to-end flows to deliver deep, product-level feedback on messaging clarity, value-prop gaps, and conversion drivers in minutes across any p...
“Guided Product Variations : Brian Balfour introduces the Variations feature in Reforge Build, which auto-generates four distinct mockup directions to streamline product discovery.”
From LinkedIn • Deeper Insights AI Product Launches & Updates Efficient Coding Agents : In this post by Guillermo Rauch , Vercel unveils V0 , a coding agent engineered for rapid iteration with minimal errors. PMs should note how reducing token usage and mistake loops can accelerate developer workflows and improve product reliability. Guided Product Variations : Brian Balfour introduces the Variations feature in Reforge Build, which auto-generates four distinct mockup directions to streamline product discovery.
Related
Anthropic’s frontier AI model family used for coding and agentic workflows. In this newsletter, Claude is referenced as the model generating code and powering Claude Code usage.
A design tool used here to create a wireframe that becomes part of a multimodal prompt for generating a prototype. PMs use it to translate product intent into structured design context for AI tools.
A method for structuring prompts and surrounding artifacts across multiple layers, such as specs, wireframes, and data, to improve AI output quality. It is especially useful for PMs designing AI-assisted product workflows.
Product growth leader and writer referenced for introducing a product discovery feature in Reforge Build. He is connected here with AI-assisted mockup generation for product discovery.
Stay updated on Reforge Build
Get curated AI PM insights delivered daily — covering this and 1,000+ other sources.
Subscribe Free