Flowstep MCP — Windsurf

Yapılandırma

~/.codeium/windsurf/mcp_config.json dosyasını düzenleyin:

{
  "mcpServers": {
    "flowstep": {
      "serverUrl": "https://api.flowstep.ai/mcp"
    }
  }
}

Kaydettikten sonra Windsurf’i yeniden başlatın.

Kimlik doğrulama

İlk kullanımda Windsurf, tarayıcınızı Flowstep OAuth giriş sayfasına açar. Flowstep kimlik bilgilerinizle (e-posta/parola veya Google SSO) oturum açın, onay ekranında Allow seçeneğine tıklayın; Windsurf belirteci kaydeder.

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

Bağlantıyı doğrulayın

Windsurf’te MCP panelini açın ve Flowstep’in listelendiğini doğrulayın. Bir Cascade sohbetinde:

List my Flowstep files

Kullanım örneği

Create a Flowstep file called "Empty states", then generate a mobile empty-state screen
for a task list app with an illustration placeholder and a call-to-action button.
Show me the rendered result.

Cascade, create-file → ai-design-screens → get-screen-image çağrılarını sırayla yapar.

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 — Windsurf

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