Yapılandırma
Sunucuyu Claude Code CLI ile ekleyin:.mcp.json dosyasına ekleyin ve dosyayı commit edin:
"type": "http" alanı, Claude Code HTTP sunucuları için zorunludur.Kimlik doğrulama
Claude Code, bir Flowstep aracını ilk kez çağırdığında OAuth 2.1 PKCE akışını otomatik olarak yönetir. Tarayıcınız Flowstep oturum açma sayfasını açar. Flowstep kimlik bilgilerinizle (e-posta/parola veya Google) oturum açın, onay ekranında Allow seçeneğine tıklayın; CLI geri çağrıyı yakalar. Oluşturulacak veya yenilenecek bir API anahtarı yoktur.Kimlik doğrulamadan önce bir Flowstep hesabına ihtiyacınız var. app.flowstep.ai adresinde bir hesap oluşturun.
Bağlantıyı doğrulayın
Bir Claude Code oturumunda/mcp yazın. Flowstep, araçları kullanılabilir durumda olacak şekilde bağlı olarak listelenmelidir. Ardından şunu sorun:
Kullanım örneği
ai-design-screens → get-screen-image çağrılarını yapar ve oluşturulan görseli satır içinde gösterir. Claude Code deponuzu zaten açtığı için “Now build this screen in our app” (Şimdi bu ekranı uygulamamızda oluştur) diyerek devam edebilirsiniz; Claude tasarımı get-screen-jsx ile okuyabilir ve bileşenlerinizi kullanarak uygulayabilir.