Skip to content
Mistflow

Quickstart

Get from zero to a deployed app in three steps. Total time: about 2 minutes.

Prerequisites

Section titled “Prerequisites”

  1. Install the MCP server

    Run the installer, which auto-detects your editor and configures everything:

    Terminal window
    npx @mistflow/installer

    The installer will:

    • Detect which AI editors you have installed
    • Add the Mistflow MCP server to each editor’s config
    • Prompt you to log in (opens your browser)

  2. Describe your app

    Open your AI editor and describe what you want to build:

    Build me a SaaS landing page for a developer analytics tool called
    "DevPulse". It should have a hero section, feature grid, pricing
    table with 3 tiers, and a waitlist signup form.

    Your AI editor will call Mistflow’s tools automatically:

    • plan-app — Creates a structured build plan
    • init-project — Scaffolds the project from a template
    • implement-step — Builds each feature step by step
    • deploy — Pushes it live to a .mistflow.app URL

  3. See it live

    Within seconds, you’ll get a URL like:

    https://devpulse.mistflow.app

    Open it. Your app is live. You can now:

What just happened?

Section titled “What just happened?”

Behind the scenes, your AI editor made a series of MCP tool calls to Mistflow:

graph LR
    A[You describe the app] --> B[AI calls plan-app]
    B --> C[AI calls init-project]
    C --> D[AI calls implement-step x N]
    D --> E[AI calls deploy]
    E --> F[Live app]

Every step is recorded. Open the Mistflow dashboard to see the full build history, deployment logs, and provenance trail for every feature.

Next steps

Section titled “Next steps”