> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Flowstep MCP — claude.ai

> Claude’ning konnektorlar katalogidan bir bosishda Flowstep’ni Claude’ga qo‘shing.

Flowstep Claude’ning konnektorlar katalogida ro‘yxatga kiritilgan konnektor, shuning uchun sozlash uchun maxsus konnektor yoki server URL’ini joylashtirish shart emas.

## Konnektorni qo‘shish

<Steps>
  <Step title="Katalogda Flowstep’ni oching">
    [claude.ai/directory/flowstep](https://claude.ai/directory/flowstep) manziliga o‘ting va Flowstep konnektorini qo‘shing.
  </Step>

  <Step title="Autentifikatsiya qiling">
    Claude brauzeringizda Flowstep kirish sahifasini ochadi. Flowstep hisobingiz bilan tizimga kiring (email/password yoki Google), so‘ng ruxsat ekranida **Allow** ni bosing. Avtomatik ravishda Claude’ga qaytarilasiz. Ruxsat ekranida nima ko‘rsatilishini bilish uchun [Autentifikatsiya](/uz/mcp/authentication#review-and-approve-access) bo‘limiga qarang.
  </Step>

  <Step title="Konnektorni yoqing">
    Suhbatda Flowstep konnektori yoqilganiga ishonch hosil qiling. So‘rovingiz dizaynni talab qilganda, Claude Flowstep vositalarini chaqira oladi.
  </Step>
</Steps>

Konnektorlar Claude hisobingizga biriktiriladi, shuning uchun xuddi shu sozlash [Claude Desktop](/uz/mcp/clients/claude-desktop) da ham ishlaydi.

<Note>
  Autentifikatsiya qilish uchun mavjud Flowstep hisobingiz bo‘lishi kerak. Agar hisobingiz bo‘lmasa, avval uni [app.flowstep.ai](https://app.flowstep.ai) da yarating, so‘ngra ulanishni yakunlash uchun bu yerga qayting.
</Note>

## Ulanishni tekshirish

claude.ai suhbatida Flowstep konnektori yoqilgan holda:

```
List my Flowstep files
```

## Foydalanish

Ulangandan so‘ng, istagingizni oddiy tilda tasvirlang:

```
Create a Flowstep file called "Checkout flow" and generate a three-step checkout flow
for an e-commerce app: cart review, address entry, and payment. Show me each screen.
```

Claude Flowstep vositalarini ketma-ket chaqiradi — masalan, `create-file`, `ai-generate-screens`, so‘ng `get-screen-image` — va renderlangan rasmlarni suhbatda ko‘rsatadi.

<Note>
  AI dizayn vositalari Flowstep xabar limitingizdan foydalanadi. Batafsil ma’lumot uchun [Foydalanish limitlari](/uz/mcp/usage-limits) bo‘limiga qarang.
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.