Ön Koşullar
- Bir Flowstep hesabı (app.flowstep.ai)
- Cursor
- Claude Code
Cursor v0.43+ gereklidirKaydettikten sonra Cursor’u yeniden başlatın.Cursor
Adım 1 — Sunucuyu ekleyin
Genel~/.cursor/mcp.json dosyasını veya proje kökünüzdeki .cursor/mcp.json dosyasını oluşturun veya düzenleyin:Adım 2 — Kimlik doğrulama yapın
Cursor MCP panelini açın (Ayarlar → MCP) ve Flowstep’in yanında Connect öğesine tıklayın. Cursor, tarayıcınızı Flowstep OAuth girişine açar. Flowstep kimlik bilgilerinizle oturum açın (e-posta/parola veya Google). Tarayıcı geri yönlendirir ve Cursor belirteci otomatik olarak depolar.Kimlik doğrulamadan önce bir Flowstep hesabınızın olması gerekir. Hesabınız yoksa, önce app.flowstep.ai adresinde kaydolun.
Adım 3 — Araç çağrısı çalıştırın
Bir Cursor sohbetinde şunu sorun:“List my Flowstep files”Cursor
list-files öğesini çağırır ve dosya listesini döndürür. Yanıt boşsa, önce bir dosya oluşturun:“Create a new Flowstep file called ‘Dashboard‘“
Adım 4 — Ekran oluşturun
create-new-design öğesini (dosyayı oluşturur ve ekranları bir adımda oluşturur) çağırır, ardından get-screen-image öğesini çağırır. Oluşturulan tasarımı sohbet içinde satır içinde göreceksiniz.Sonraki adımlar
- Araçlar referansı — tüm 20 aracın tam giriş/çıkış belgeleri
- Örnekler — çok adımlı iş akışları
- Diğer istemciler — Windsurf, Claude Desktop, claude.ai