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

# Server MCP Flowstep

> Utilizează Flowstep ca un server MCP pentru a genera, inspecta și gestiona designuri UI direct din Cursor, Claude Code sau orice client compatibil cu MCP.

Flowstep expune instrumentele sale de design peste [Model Context Protocol](https://modelcontextprotocol.io/), permițând asistenților tăi AI să creeze și să itereze pe ecrane UI fără a ieși din editor.

Serverul este găzduit la `https://api.flowstep.ai/mcp` (transport Streamable HTTP). Niciun proces local de rulat.

## Ce poți face

Serverul expune 20 de instrumente pe șapte categorii:

| Categorie       | Instrumente                                                                                   |
| --------------- | --------------------------------------------------------------------------------------------- |
| **Fișiere**     | `create-file`, `list-files`, `get-file`, `update-file`, `delete-file`                         |
| **Ecrane**      | `list-screens`, `get-screen`, `get-screen-image`, `add-screen`                                |
| **Generare AI** | `create-new-design`, `regenerate-design`, `expand-design`, `edit-design`, `upload-attachment` |
| **Chat**        | `get-chat-history`                                                                            |
| **Design**      | `get-design-guidelines`, `update-design-guidelines`, `delete-design-guidelines`               |
| **Figma**       | `import-figma`                                                                                |
| **Facturare**   | `get-plan-details`                                                                            |

## Cazuri de utilizare frecvente

**Generează ecrane dintr-un prompt** — apelează `create-new-design` cu o descriere. Flowstep creează fișierul și ecranele într-un singur pas. Apelează `get-screen-image` cu `screenIds`-urile returnate pentru a vedea rezultatul inline.

**Vizualizează o componentă React** — încarcă fișierul tău `.jsx` sau `.tsx` prin `upload-attachment` (folosind `mimeType: text/javascript`), apoi transmite atașamentul returnat în `create-new-design` cu un mesaj care descrie componenta. Flowstep citește sursa și generează un ecran de design corespunzător.

**Iterează pe un design** — apelează `edit-design` cu un `screenId` țintă și instrucțiuni pentru a-l modifica, sau `regenerate-design` pentru a refacé un ecran de la zero.

**Menține ghidurile de design** — apelează `get-design-guidelines` pentru a-ți prelua regulile de stil actuale (culori, tipografie, spațiere, ton), apoi folosește `update-design-guidelines` pentru a le menține sincronizate pe măsură ce designul tău evoluează. Transmiterea unor ghiduri consecvente în `create-new-design` sau `edit-design` asigură că fiecare ecran generat rămâne pe-brand. Folosește `delete-design-guidelines` pentru a le reseta complet.

**Importă din Figma** — apelează `import-figma` cu un link de cadru Figma și un `fileId` pentru a aduce cadrul într-un fișier Flowstep ca elemente editabile. Organizația fișierului trebuie să aibă Figma conectată mai întâi.

**Auditează cota** — apelează `get-plan-details` pentru a vedea utilizarea zilnică și lunară rămasă înainte de a începe o serie de generări.

## Endpoint

```
https://api.flowstep.ai/mcp
```

Transport: Streamable HTTP. Model de sesiune: fără stare (fiecare cerere este independentă, niciun ID de sesiune).

## Pași următori

<CardGroup cols={2}>
  <Card title="Ghid rapid" icon="bolt" href="/ro/mcp/quickstart">
    Primul apel de instrument în mai puțin de 5 minute cu Cursor.
  </Card>

  <Card title="Autentificare" icon="lock" href="/ro/mcp/authentication">
    Cum funcționează OAuth 2.1 PKCE și cum sunt emise tokenurile.
  </Card>

  <Card title="Instrumente" icon="wrench" href="/ro/mcp/tools">
    Referință completă input/output pentru toate 20 de instrumente.
  </Card>

  <Card title="Exemple" icon="code" href="/ro/mcp/examples">
    Fluxuri de lucru cap-la-cap pentru sarcini comune.
  </Card>
</CardGroup>