Skip to content

The app is the canvas.

Monad Design gives your coding agent a canvas for the running mobile app. Point to what should change, compare alternatives, and approve the result.

Get startedView on GitHub

Early preview for local iOS development on macOS.

An iOS profile selected in Monad Design with a change request panel beside the live app.
Select an element. Give your agent the visual context and the change you want.Actual product captures

Installation

Connect Monad Design to the coding agent you already use.

npx monad-design install

Installs the CLI and local Core runtime on Apple silicon and Intel Macs. Desktop and iPad apps are distributed separately.

Working with …

CodexClaude CodeCursorGemini CLIGitHub CopilotOpenCodeWindsurfZedAnd more

Start in your project

/monad-design start

Open your existing Expo or Xcode iOS project in your agent, run this command, then choose the app and Simulator. Your visual workspace opens with the running app.

How it works

The session stays open after each request, so design becomes a conversation with the product instead of a handoff document.

  1. 1

    Start

    Choose the current iOS app and Simulator.

  2. 2

    Reproduce

    Navigate to the exact state to preserve.

  3. 3

    Describe

    Select or annotate what should change.

  4. 4

    Implement

    The agent edits and rebuilds the existing project.

  5. 5

    Choose

    Compare the original and alternatives, then approve.

Try it

Select an element or annotate the screen, then add a request like these in the visual workspace.

Give this section more breathing room. Keep the primary action visible.
Refine the type hierarchy so the title and supporting text are easier to scan.
Show me three alternatives for this component. Keep the existing behavior.

You will need

  • A Mac with Xcode and an iOS Simulator
  • An existing Git repository with an Expo or Xcode app
  • A supported local coding agent
  • Image input support for annotated requests