Redesigning how you
refine AI output
Most conversations with Claude end after one response. This project explores what happens when you give people real tools to go back, branch, and iterate on what the AI gives them. Twelve prototypes, each taking a different angle on the same problem.
Full React rewrite with Zustand state. Home → Ask → Iterate flow. Infinite canvas with pan/zoom, draggable sticky notes & file cards, rubber-band selection. Version-synced doc panel with inline editing.
UI polish pass on Ask mode. Version tabs (48px, primary highlighter), sub-header toolbar with pagination and Copy button, inline doc cards in chat, updated typography (16px body), 72px header.
Dual-mode UI: Ask mode (default) with chat + doc panel and version tabs, Iterate mode with canvas. Shared version store syncs both views. Inline editing, sticky notes, links.
Document-first layout. AI response renders as a full-width flowing artifact — not a chat bubble. Persistent header with title, Ask / Iterate tabs, and Share. Part 2 adds inline editing.
Light theme canvas with warm cream background. Refined iterate flow, greeting screen, and clean sidebar. Latest iteration.
Canvas-first layout with dark sidebar. Full-screen iteration workspace. Refined flows for generating and switching between versions.
Submit any prompt and the UI transitions to a full Figma/Miro-style board. Each iteration generates a new version card side by side. Select text to ask inline — spawning a context block and new version to the right.
Mode toggle lives in the initial input — click Iterate and the version canvas opens immediately. Chat becomes a narrow thread on the right. Ask from the version pane routes questions back into chat and auto-generates new versions.
Both systems unified. Highlight in chat to ask inline. Highlight in the version panel to refine or ask in-place. Two selection contexts, one coherent interaction model.
A dedicated iteration panel that slides in beside chat. Select text in the version view, load it as context, generate new versions — and switch between them with tabs.
Select any part of Claude's response to ask a follow-up right there. A floating toolbar appears on selection — click Ask to open a mini input anchored to that text.
Faithful recreation of Claude's current interface. Linear chat, streaming responses, full icon set. The baseline everything else is measured against.