Flowstep MCP — Claude Desktop

Konfigurasi

Edit claude_desktop_config.json. Lokasi file tergantung pada OS Anda:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json

Native HTTP (Claude Desktop v0.9+)
mcp-remote (versi lebih lama)

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Memerlukan Node.js yang diinstal.

{
  "mcpServers": {
    "flowstep": {
      "command": "npx",
      "args": ["-y", "mcp-remote", "https://api.flowstep.ai/mcp"]
    }
  }
}

Mulai ulang Claude Desktop setelah menyimpan.

Autentikasi

Claude Desktop membuka browser Anda ke https://api.flowstep.ai/oauth/authorize pada koneksi pertama. Masuk dengan kredensial Flowstep Anda dan aplikasi menangkap callback.

Anda memerlukan akun Flowstep sebelum terhubung. Buat satu di app.flowstep.ai.

Verifikasi koneksi

Dalam percakapan Claude Desktop:

List my Flowstep files

Jika Anda melihat daftar file (atau array kosong jika Anda belum memiliki file), koneksi sedang bekerja.

Contoh penggunaan

Create a Flowstep file called "Profile page", generate a mobile profile screen
with an avatar, display name, bio, and an edit button. Show me the rendered image.

Claude Desktop akan memanggil create-file → ai-prompt → get-screen-image secara berurutan.

Flowstep MCP — Windsurf

Sebelumnya

Flowstep MCP — claude.ai

Selanjutnya

Memulai

Menggunakan Flowstep

Tim & Organisasi

Ekspor & Integrasi

Server MCP

Penagihan & Paket

Keamanan & Privasi

Flowstep MCP — Claude Desktop

Konfigurasi

Autentikasi

Verifikasi koneksi

Contoh penggunaan

​Konfigurasi

​Autentikasi

​Verifikasi koneksi

​Contoh penggunaan

Konfigurasi

Autentikasi

Verifikasi koneksi

Contoh penggunaan