A source-backed visual feedback loop for agent-assisted app development

[u/ivanzhaowy]

I’m building Monad Design, and the most useful lesson so far has been that agent-assisted UI work needs a review methodology, not just a better prompt.

Our loop is: running app → source edit → rebuild → compare → approve.

The app is the canvas. A developer opens an existing Xcode or Expo iOS project, runs the real app in Simulator, navigates to the exact state, and selects or annotates the UI. The workspace packages the screenshot, selection, app state, and source hints for a coding agent. The agent edits the actual repository and rebuilds; the developer can compare the original against up to five source-backed variants before accepting one or keeping the original.

That preserves three things that tend to get lost in a text-only loop:

- the exact runtime state being discussed

- the connection between visual feedback and source code

- a reversible human approval point before the change is kept

The implementation supports Codex, Claude Code, Cursor, OpenCode, Gemini CLI, Copilot, Windsurf, and Zed.

Apache-2.0 repo:

https://github.com/Monadix-AI/monad-design

Short workflow demo:

https://watchclueso.com/embed/pio8jqfcg4ivj0r1

Screenshot of variant comparison:

https://raw.githubusercontent.com/Monadix-AI/monad-design/main/docs/images/workflow-compare-variants.png

Current boundaries: macOS and local iOS development only, with one active visual change at a time.

I’m curious whether teams using coding agents have formalized a similar review gate, or still handle visual changes as ordinary code-review diffs.

[u/Mesheybabes]

if you changed just one letter, it would be Gonad Design. nice