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

> Izmantojiet Flowstep kā MCP serveri, lai ģenerētu, inspicētu un pārvaldītu UI dizainus tieši no Cursor, Claude Code vai jebkura MCP saderīga klienta.

Flowstep pakļauj savus dizaina rīkus caur [Model Context Protocol](https://modelcontextprotocol.io/), ļaujot jūsu AI asistentam veidot un iterēt UI ekrānus, neatstājot redaktoru.

Serveris ir mitināts adresē `https://api.flowstep.ai/mcp` (Streamable HTTP transports). Nav lokāla procesa, ko palaist.

## Ko jūs varat darīt

Serveris pakļauj 20 rīkus septiņās kategorijās:

| Kategorija        | Rīki                                                                                          |
| ----------------- | --------------------------------------------------------------------------------------------- |
| **Faili**         | `create-file`, `list-files`, `get-file`, `update-file`, `delete-file`                         |
| **Ekrāni**        | `list-screens`, `get-screen`, `get-screen-image`, `add-screen`                                |
| **AI ģenerēšana** | `create-new-design`, `regenerate-design`, `expand-design`, `edit-design`, `upload-attachment` |
| **Tērzēšana**     | `get-chat-history`                                                                            |
| **Dizains**       | `get-design-guidelines`, `update-design-guidelines`, `delete-design-guidelines`               |
| **Figma**         | `import-figma`                                                                                |
| **Norēķini**      | `get-plan-details`                                                                            |

## Bieži sastopamie lietošanas gadījumi

**Ģenerēt ekrānus no uzvednes** — izsauciet `create-new-design` ar aprakstu. Flowstep vienas darbības laikā izveido failu un ekrānus. Izsauciet `get-screen-image` ar atgrieztajiem `screenIds`, lai redzētu rezultātu iekļautā.

**Vizualizēt React komponentu** — augšupielādējiet savu `.jsx` vai `.tsx` failu caur `upload-attachment` (izmantojiet `mimeType: text/javascript`), tad padodiet atgriezto pielikumu `create-new-design` ar ziņojumu, kas raksturo komponenti. Flowstep lasa avotu un ģenerē saskaņotu dizaina ekrānu.

**Iterēt dizainu** — izsauciet `edit-design` ar mērķa `screenId` un norādījumiem to mainīt, vai `regenerate-design`, lai atkārtoti izveidotu ekrānu no nulles.

**Uzturēt dizaina vadlīnijas** — izsauciet `get-design-guidelines`, lai iegūtu savus pašreizējos stila noteikumus (krāsas, tipogrāfija, atstarpe, tonis), tad izmantojiet `update-design-guidelines`, lai tos saglabātu sinhronizētas, kad jūsu dizains attīstās. Nosūtot savstarpējas vadlīnijas `create-new-design` vai `edit-design`, nodrošina, ka katrs ģenerētais ekrāns paliek uz markas. Izmantojiet `delete-design-guidelines`, lai tos pilnībā atiestatītu.

**Importēt no Figma** — izsauciet `import-figma` ar Figma kadra saiti un `fileId`, lai ievietotu kadru Flowstep failā kā rediģējamus elementus. Faila organizācijai vispirms jābūt pievienotai Figma.

**Audīt kvota** — izsauciet `get-plan-details`, lai redzētu atlikušo dienas un mēneša lietošanu pirms lielas ģenerēšanas cikla.

## Galapunkts

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

Transports: Streamable HTTP. Sesijas modelis: bezstāvoklis (katra pieprasījuma neatkarīgs, nav sesijas ID).

## Nākamie soļi

<CardGroup cols={2}>
  <Card title="Ātrais sākums" icon="bolt" href="/lv/mcp/quickstart">
    Pirmais rīka izsaukums mazāk nekā 5 minūtēs ar Cursor.
  </Card>

  <Card title="Autentifikācija" icon="lock" href="/lv/mcp/authentication">
    Kā OAuth 2.1 PKCE darbojas un kā marķieri tiek izsniegti.
  </Card>

  <Card title="Rīki" icon="wrench" href="/lv/mcp/tools">
    Pilna ievades/izejas atsauce visiem 20 rīkiem.
  </Card>

  <Card title="Piemēri" icon="code" href="/lv/mcp/examples">
    Pilna garuma darbplūsmas bieži sastopamiem uzdevumiem.
  </Card>
</CardGroup>