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

> Підключіть Flowstep до claude.ai за допомогою користувацького конектора MCP.

Claude.ai підтримує користувацькі конектори MCP через панель Інтеграцій.

## Додати конектор

<Steps>
  <Step title="Відкрити Інтеграції">
    Перейдіть до **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="Додати користувацький конектор">
    Натисніть **Add More** (або **Custom Connector**), потім введіть:

    ```
    https://api.flowstep.ai/mcp
    ```
  </Step>

  <Step title="Аутентифікація">
    Claude.ai перенаправляє ваш браузер на `https://api.flowstep.ai/oauth/authorize`. Увійдіть за допомогою облікового запису Flowstep (електронна пошта/пароль або Google SSO). Сторінка автоматично повертається до claude.ai.
  </Step>

  <Step title="Увімкнути конектор">
    На панелі Інтеграцій переконайтеся, що конектор Flowstep показує як підключений. Увімкніть його для розмов, де ви хочете його використовувати.
  </Step>
</Steps>

<Note>
  Вам потрібен існуючий обліковий запис Flowstep для аутентифікації. Якщо у вас його немає, спочатку створіть його на [app.flowstep.ai](https://app.flowstep.ai), а потім повертайтеся сюди, щоб завершити налаштування конектора.
</Note>

## Перевірити з'єднання

У розмові на claude.ai з увімкненим конектором Flowstep:

```
List my Flowstep files
```

## Використання

Після підключення описуйте те, що ви хочете, природною мовою:

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

Claude викличе інструменти Flowstep послідовно і відобразить відображені зображення в межах тексту.