From source material to a product map.

Four connected parts do the work: bring in what already exists, structure how the product behaves, let an agent operate on that model, and share the result.

Inputs

Start with the artifact that already reflects the product.

01Screen libraryUpload and order existing screenshots with their metadata intact.
02Screen extractionExtract distinct screens from captured source material.
03Session replayReview captured sessions alongside the screens they contain.

Product Model

Keep the hierarchy, journeys, branches, and diagrams—not just images.

01Flow managementNest feature areas and order the screens within each flow.
02Flow Diagram AIGenerate a first Mermaid view from the screens in a flow.
03Mermaid flowchartsEdit diagrams as text and keep their version history.
04PrototypesFollow connected screens as a navigable path through the model.

Agent Workflow

Read and change the same model from an MCP-capable coding agent.

01Project assistantUse 43 hosted MCP tools to inspect, organize, render, and share projects.

Sharing

Hand off a browsable model or take a static record with you.

01Public sharingCreate a revocable link that viewers can open without an account.
02PDF exportExport an ordered, flow-by-flow project document.