MCP tezkor boshlash

Talablar

Flowstep hisobi (app.flowstep.ai)

claude.ai yoki Claude Desktop’dan Claude’dan foydalanyapsizmi? Flowstep Claude katalogida ro‘yxatga kiritilgan konnektor — uni claude.ai/directory/flowstep manzilidan bir bosishda qo‘shing. Qarang: claude.ai.

Cursor
Claude Code

Cursor v0.43+ talab qilinadi

1-qadam — Serverni qo‘shing

Bir bosishda o‘rnatish uchun Add Flowstep to Cursor tugmasini bosing, yoki ~/.cursor/mcp.json (global) yoki loyiha ildizidagi .cursor/mcp.json faylini yarating yoki tahrirlang:

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

Saqlaganingizdan so‘ng Cursor’ni qayta ishga tushiring.

2-qadam — Autentifikatsiya

Cursor MCP panelini oching (Settings → MCP) va Flowstep yonidagi Connect tugmasini bosing. Cursor brauzeringizni Flowstep kirish sahifasiga ochadi. Flowstep ma’lumotlaringiz bilan tizimga kiring (email/password yoki Google), so‘ng ruxsat ekranida Allow ni bosing. Brauzer qaytarilgach, Cursor tokenni avtomatik saqlaydi.

Autentifikatsiyadan oldin Flowstep hisobingiz bo‘lishi kerak. Agar hisobingiz bo‘lmasa, avval app.flowstep.ai da ro‘yxatdan o‘ting.

3-qadam — Vosita chaqiruvini bajaring

Cursor chatida so‘rang:

“Mening Flowstep fayllarimni ro‘yxatlang”

Cursor list-files ni chaqiradi va fayllar ro‘yxatini qaytaradi. Agar javob bo‘sh bo‘lsa, avval fayl yarating:

“Flowstep’da ‘Dashboard’ nomli yangi fayl yarating”

4-qadam — Ekran yarating

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Cursor ai-design-screens ni chaqiradi (u yangi fayl yaratadi va ekranlarni bir qadamda generatsiya qiladi), so‘ng get-screen-image ni. Chatda renderlangan dizaynni ko‘rasiz.

Claude Code CLI talab qilinadi

1-qadam — Serverni qo‘shing

Loyihangizda ishga tushiring:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

Jamoangiz bilan ulashish uchun uni loyiha ildizidagi .mcp.json fayliga qo‘shing:

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

"type": "http" maydoni Claude Code HTTP serverlari uchun majburiy. Cursor unga muhtoj emas.

2-qadam — Autentifikatsiya

Claude Code chatidan istalgan Flowstep vositasini ishga tushiring. Birinchi foydalanishda Claude Code brauzeringizni Flowstep kirish sahifasiga ochadi. Flowstep ma’lumotlaringiz bilan tizimga kiring (email/password yoki Google), so‘ng ruxsat ekranida Allow ni bosing. Brauzer qaytarilgach, token avtomatik saqlanadi. Flowstep ulanganligini tekshirish uchun Claude Code’da /mcp ni yozing.

Autentifikatsiyadan oldin Flowstep hisobingiz bo‘lishi kerak. Agar hisobingiz bo‘lmasa, avval app.flowstep.ai da ro‘yxatdan o‘ting.

3-qadam — Vosita chaqiruvini bajaring

Claude Code chatida so‘rang:

“Mening Flowstep fayllarimni ro‘yxatlang”

Claude Code list-files ni chaqiradi va fayllar ro‘yxatini qaytaradi. Agar javob bo‘sh bo‘lsa, avval fayl yarating:

“Flowstep’da ‘Dashboard’ nomli yangi fayl yarating”

4-qadam — Ekran yarating

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Claude Code ai-design-screens ni chaqiradi (u yangi fayl yaratadi va ekranlarni bir qadamda generatsiya qiladi), so‘ng get-screen-image ni. Chatda renderlangan dizaynni ko‘rasiz.

ai-design-screens va boshqa AI dizayn vositalari Flowstep xabar limitingizdan foydalanadi. Ro‘yxat ko‘rish, o‘qish va ekranlarni renderlash bepul. Qarang: Foydalanish limitlari.

Keyingi qadamlar

Vositalar ma’lumotnomasi — barcha 22 ta vosita uchun to‘liq kirish/chiqish hujjatlari
Misollar — ko‘p bosqichli ish oqimlari
Boshqa mijozlar — Windsurf, Codex, Claude Desktop, claude.ai

Boshlash

Flowstep’dan foydalanish

Jamoalar va tashkilotlar

Eksport va integratsiyalar

MCP serveri

Hisob-kitob va tariflar

Xavfsizlik va maxfiylik

MCP tezkor boshlash

Talablar

1-qadam — Serverni qo‘shing

2-qadam — Autentifikatsiya

3-qadam — Vosita chaqiruvini bajaring

4-qadam — Ekran yarating

1-qadam — Serverni qo‘shing

2-qadam — Autentifikatsiya

3-qadam — Vosita chaqiruvini bajaring

4-qadam — Ekran yarating

Keyingi qadamlar

​Talablar

​1-qadam — Serverni qo‘shing

​2-qadam — Autentifikatsiya

​3-qadam — Vosita chaqiruvini bajaring

​4-qadam — Ekran yarating

​1-qadam — Serverni qo‘shing

​2-qadam — Autentifikatsiya

​3-qadam — Vosita chaqiruvini bajaring

​4-qadam — Ekran yarating

​Keyingi qadamlar

Talablar

1-qadam — Serverni qo‘shing

2-qadam — Autentifikatsiya

3-qadam — Vosita chaqiruvini bajaring

4-qadam — Ekran yarating

1-qadam — Serverni qo‘shing

2-qadam — Autentifikatsiya

3-qadam — Vosita chaqiruvini bajaring

4-qadam — Ekran yarating

Keyingi qadamlar