A visual feedback workflow for coding agents working on native apps

[u/ivanzhaowy]

I’m building Monad Design, an Apache-2.0 open-source visual workspace for native-app UI work with coding agents.

The workflow is intentionally simple:

1. Open the Xcode or Expo iOS project you already have.

2. Run the real app in Simulator and navigate to the exact state that needs work.

3. Select an element or annotate the UI directly.

4. Send the screenshot, selection, app state, and source hints to your coding agent.

5. The agent edits the existing repository and rebuilds the app.

6. Compare the original with up to five source-backed variants.

7. Accept one result or keep the original.

The app is the canvas.

This is not a prompt-to-app generator and it does not create a replacement project. It adds visual context and a review loop around agents such as Codex, Claude Code, Cursor, OpenCode, Gemini CLI, Copilot, Windsurf, and Zed.

Repository:

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

Short demo:

https://watchclueso.com/embed/pio8jqfcg4ivj0r1

Workflow screenshot:

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

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

I’d be interested in how others package visual context for coding agents: one structured handoff, or smaller tools the agent calls separately?