Connect an AI editor

Everything in the rest of these docs works in a browser. This section is the optional path: connecting Mistflow to an AI coding editor so you can work on the same project from there.

It is worth doing if you already live in one of these editors, want to read the generated code, or want to make changes with your own hands alongside Mistflow's.

Mistflow works with any editor that supports MCP: Claude Code, Cursor, Codex CLI, VS Code Copilot, and others.

One-line install

Installs Node.js if needed, then configures the editors it finds.

curl -fsSL https://mistflow.ai/install.sh | sh

Inspect it first if you prefer: curl https://mistflow.ai/install.sh

With npx

If you already have Node 20 or newer:

Run the installer

npx -y mistflow-ai install

It detects your editors and configures each one it finds.

Log in

Open your editor and say:

Log me in to Mistflow

Your browser opens, you sign in, and credentials are stored locally in ~/.mistflow/credentials.json. No API keys go into any config file.

Check it worked

Ask your editor:

What can Mistflow do?

If it lists Mistflow's capabilities, you are connected.

The installer above also pre-approves Mistflow's tools, so you are not prompted on every call. The configs below register the server but skip that, so you will see a permission prompt the first time each tool runs. Choose "always allow" once and it sticks.

Edit ~/.claude.json:

{
  "mcpServers": {
    "mistflow": {
      "command": "npx",
      "args": ["-y", "@mistflow-ai/mcp"]
    }
  }
}

Restart Claude Code, then say "Log me in to Mistflow".

Working on an app you built in the browser

Ask your editor to resume the project. It downloads the same source Mistflow builds from, so an edit made in the editor and an edit made in the build chat converge on one copy.

Only one of them runs at a time. If the project is being edited elsewhere, you are told rather than both edits landing on top of each other.

Previewing a phone app locally

From the project folder:

npx -y mistflow-ai preview

It prints a QR code and registers the preview in your dashboard, the same preview you would get from the App tab.

Updating

npx -y mistflow-ai install

Running the installer again always pulls the latest version.

If something is not working

Problem	Fix
The editor does not see Mistflow	Restart it fully, not just reload. Check the config has a `mistflow` entry
Authentication failed	Say "Log me in to Mistflow" to re-authenticate
`command not found: npx`	Install Node.js 20 or newer from nodejs.org