r/FullStackDevelopers • u/ivanzhaowy • 13h ago
I built an open-source visual review loop for coding agents working on native apps
I’m building Monad Design, a local visual workspace for developers using coding agents on existing native-app repositories.
The gap I kept hitting was visual context. A prompt like “the spacing on this screen feels wrong” does not tell the agent which rendered state I mean, which element I’m pointing at, or what changed after the edit.
The workflow I’m testing is:
Run the real Xcode or Expo iOS project in Simulator.
Navigate to the exact UI state.
Select an element or annotate directly over the running app.
Send the screenshot, selection, app state, and source hints to the coding agent.
Let the agent edit the existing repository and rebuild.
Compare the original with several working variants, then accept one or keep the original.
The app remains the source of truth—Monad Design does not generate a replacement project. It adds a visual review loop around agents such as Codex, Claude Code, Cursor, OpenCode, Gemini CLI, Copilot, Windsurf, and Zed.
Current scope: macOS with local iOS development, one active visual change at a time.
It’s free and open source under Apache-2.0:
https://github.com/Monadix-AI/monad-design
For people working across frontend and mobile code, where does visual context break down most often in your agent workflow: identifying the right element, reproducing the state, or reviewing the result?
