MCP Tez Boshlash

Boshlang’ich talablar

Flowstep akkaunt (app.flowstep.ai)

Cursor
Claude Code

Cursor v0.43+ talab qiladi

1-qadam — Serverni qo’shish

~/.cursor/mcp.json (global) yoki proyekt ildizida .cursor/mcp.json yarating yoki tahrirlang:

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

Saqlashdan keyin Cursor-ni qayta ishga tushiring.

2-qadam — Autentifikatsiya

Cursor MCP panelini oching (Settings → MCP) va Flowstep yonida Connect tugmasini bosing. Cursor brauzeringizni Flowstep OAuth login sahifasiga ochadi. Flowstep hisob ma’lumotlari (elektron pochta/parol yoki Google) bilan kirish. Brauzer orqaga yo’naltiradi va Cursor token-ni avtomatik saqlaydi.

Autentifikatsiyadan oldin Flowstep akkauntingiz bo’lishi kerak. Agar akkauntingiz bo’lmasa, avval app.flowstep.ai da roʻyxatdan oʻting.

3-qadam — Asbob chaqiruvini bajarish

Cursor chatida so’roq qo’ying:

“List my Flowstep files”

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

“Create a new Flowstep file called ‘Dashboard‘“

4-qadam — Ekran yaratish

Create a new Flowstep file called "Login flow", then generate a mobile login screen
for a SaaS app with email/password fields and a Google sign-in button.
After it finishes, show me the image.

Cursor create-new-design chaqiradi (fayl yaratadi va bir bosqichda ekranlarni yaratadi), keyin get-screen-image chaqiradi. Siz chatda dizayn rasmini ko’rasiz.

Claude Code CLI talab qiladi

1-qadam — Serverni qo’shish

Proyekt ildizida .mcp.json (proyekt-doirali) yoki ~/.claude/mcp.json (global) yarating:

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

Claude Code HTTP serverlari uchun "type": "http" maydoni talab qilinadi. Cursor unga ehtiyoj yo’q.

2-qadam — Autentifikatsiya

Claude Code chatidan istalgan Flowstep asbobni ishga tushiring. Birinchi marta ishlatilganda, Claude Code brauzeringizni Flowstep OAuth login sahifasiga ochadi. Flowstep hisob ma’lumotlari (elektron pochta/parol yoki Google) bilan kirish. Brauzer orqaga yo’naltiradi va token avtomatik saqlanaadi.

Autentifikatsiyadan oldin Flowstep akkauntingiz bo’lishi kerak. Agar akkauntingiz bo’lmasa, avval app.flowstep.ai da roʻyxatdan oʻting.

3-qadam — Asbob chaqiruvini bajarish

Claude Code chatida so’roq qo’ying:

“List my Flowstep files”

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

“Create a new Flowstep file called ‘Dashboard‘“

4-qadam — Ekran yaratish

Create a new Flowstep file called "Login flow", then generate a mobile login screen
for a SaaS app with email/password fields and a Google sign-in button.
After it finishes, show me the image.

Claude Code create-new-design chaqiradi (fayl yaratadi va bir bosqichda ekranlarni yaratadi), keyin get-screen-image chaqiradi. Siz chatda dizayn rasmini ko’rasiz.

Keyingi qadamlar

Tools reference — barcha 20 vositaning to’liq kirish/chiqish dokumentlari
Examples — ko’p bosqichli ish oqimlari
Other clients — Windsurf, Claude Desktop, claude.ai

Boshlash

Flowstep’dan foydalanish

Jamoalar va tashkilotlar

Eksport va integratsiyalar

MCP serveri

Hisob-kitob va tariflar

Xavfsizlik va maxfiylik

Boshlang’ich talablar

1-qadam — Serverni qo’shish

2-qadam — Autentifikatsiya

3-qadam — Asbob chaqiruvini bajarish

4-qadam — Ekran yaratish

1-qadam — Serverni qo’shish

2-qadam — Autentifikatsiya

3-qadam — Asbob chaqiruvini bajarish

4-qadam — Ekran yaratish

Keyingi qadamlar

​Boshlang’ich talablar

​1-qadam — Serverni qo’shish

​2-qadam — Autentifikatsiya

​3-qadam — Asbob chaqiruvini bajarish

​4-qadam — Ekran yaratish

​1-qadam — Serverni qo’shish

​2-qadam — Autentifikatsiya

​3-qadam — Asbob chaqiruvini bajarish

​4-qadam — Ekran yaratish

​Keyingi qadamlar

Boshlang’ich talablar

1-qadam — Serverni qo’shish

2-qadam — Autentifikatsiya

3-qadam — Asbob chaqiruvini bajarish

4-qadam — Ekran yaratish

1-qadam — Serverni qo’shish

2-qadam — Autentifikatsiya

3-qadam — Asbob chaqiruvini bajarish

4-qadam — Ekran yaratish

Keyingi qadamlar