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

> Conectează Flowstep la claude.ai folosind un conector MCP personalizat.

Claude.ai acceptă conectori MCP personalizați prin panoul Integrations.

## Adaugă conectorul

<Steps>
  <Step title="Deschide Integrations">
    Mergi la **claude.ai → Settings → Integrations**.
  </Step>

  <Step title="Adaugă un conector personalizat">
    Apasă pe **Add More** (sau **Custom Connector**), apoi introdu:

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

  <Step title="Autentificare">
    Claude.ai redirecționează browserul la `https://api.flowstep.ai/oauth/authorize`. Conectează-te cu contul tău Flowstep (email/parolă sau Google SSO). Pagina se redirecționează automat înapoi la claude.ai.
  </Step>

  <Step title="Activează conectorul">
    Înapoi în Integrations, confirmă că conectorul Flowstep se afișează ca conectat. Activează-l pentru conversațiile în care dorești să-l folosești.
  </Step>
</Steps>

<Note>
  Ai nevoie de un cont Flowstep existent pentru a te autentifica. Dacă nu ai unu, creează-l la [app.flowstep.ai](https://app.flowstep.ai) mai întâi, apoi revino aici pentru a finaliza configurația conectorului.
</Note>

## Verifică conexiunea

Într-o conversație claude.ai cu conectorul Flowstep activat:

```
List my Flowstep files
```

## Utilizare

Odată conectat, descrie ce dorești în limbaj natural:

```
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 va apela instrumentele Flowstep în secvență și va afișa imaginile redate în linie.