> ## 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 — Cursor

> Підключіть Flowstep до Cursor, використовуючи транспорт Streamable HTTP MCP.

## Налаштування

Додайте сервер до конфігурації MCP. Cursor шукає файл конфігурації у двох місцях — використовуйте глобальний файл, щоб увімкнути його для всіх проектів, або файл проекту, щоб зберегти область видимості.

<Tabs>
  <Tab title="Глобальний (~/.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>

  <Tab title="Проект (.cursor/mcp.json)">
    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```
  </Tab>
</Tabs>

Перезавантажте Cursor після збереження файлу.

## Аутентифікація

Відкрийте **Settings** (Налаштування) → **MCP** і натисніть **Connect** (Підключити) поруч з Flowstep. Cursor відкриває вашу сторінку в браузері за адресою `https://api.flowstep.ai/oauth/authorize`. Увійдіть, використовуючи облікові дані Flowstep (email/password або Google SSO). Cursor автоматично захоплює callback і зберігає токен.

<Note>
  Для підключення вам потрібен обліковий запис Flowstep. Створіть його на сайті [app.flowstep.ai](https://app.flowstep.ai).
</Note>

## Перевірте підключення

У чаті Cursor введіть:

```
List my Flowstep files
```

Якщо виклик інструменту успішний, підключення працює.

## Приклад використання

```
Create a Flowstep file called "Onboarding", generate a mobile sign-up screen
with name, email, and password fields, then show me the image.
```

Cursor послідовно викличе `create-file` → `ai-prompt` → `get-screen-image`.