Flowstep MCP — Claude Desktop

Yapılandırma

claude_desktop_config.json dosyasını düzenleyin. Dosya konumu işletim sisteminize bağlıdır:

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

Yerel HTTP (Claude Desktop v0.9+)
mcp-remote (eski sürümler)

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

Node.js’nin yüklü olması gerekir.

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

Dosyayı kaydettikten sonra Claude Desktop’ı yeniden başlatın.

Kimlik Doğrulama

Claude Desktop, ilk bağlantıda tarayıcınızı https://api.flowstep.ai/oauth/authorize adresine açar. Flowstep kimlik bilgilerinizle oturum açın ve uygulama geri çağrıyı yakalar.

Bağlanmadan önce bir Flowstep hesabına ihtiyacınız vardır. app.flowstep.ai adresinde bir hesap oluşturun.

Bağlantıyı Doğrulayın

Bir Claude Desktop konuşmasında:

List my Flowstep files

Bir dosya listesi görüyorsanız (henüz dosyanız yoksa boş bir dizi), bağlantı çalışıyordur.

Kullanım Örneği

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 create-file → ai-prompt → get-screen-image çağrılarını sırayla yapacaktır.

Flowstep MCP — Windsurf

Flowstep MCP — claude.ai

Başlarken

Flowstep Kullanımı

Ekipler ve Organizasyonlar

Dışa Aktarma ve Entegrasyonlar

MCP Sunucusu

Faturalandırma ve Planlar

Güvenlik ve Gizlilik

Flowstep MCP — Claude Desktop

Yapılandırma

Kimlik Doğrulama

Bağlantıyı Doğrulayın

Kullanım Örneği

​Yapılandırma

​Kimlik Doğrulama

​Bağlantıyı Doğrulayın

​Kullanım Örneği

Yapılandırma

Kimlik Doğrulama

Bağlantıyı Doğrulayın

Kullanım Örneği