Flowstep MCP — Windsurf

Yapılandırma

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

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

Dosyayı kaydettikten sonra Windsurf’u yeniden başlatın.

Kimlik Doğrulama

İlk kullanımında, Windsurf tarayıcınızı Flowstep OAuth oturum açma sayfasına açar. Flowstep kimlik bilgilerinizle (e-posta/şifre veya Google SSO) oturum açın ve Windsurf token’ı depolar.

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

Windsurf’taki 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.

Flowstep MCP — Claude Code

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