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

> Savienojiet savu kodēšanas aģentu ar Flowstep, izmantojot MCP, lai ģenerētu, rediģētu, pārbaudītu un pārvaldītu ekrānus dizaina audeklā no Claude, Cursor, Codex vai jebkura MCP saderīga klienta.

Flowstep ir dizaina audekls aģentu veidotai programmatūrai. Flowstep MCP serveris šo audeklu dara pieejamu, izmantojot [Model Context Protocol](https://modelcontextprotocol.io/). Tādējādi aģenti, ko jūsu komanda jau izmanto, var projektēt ekrānus, skatīt renderēto rezultātu un veidot no tā, neatstājot redaktoru vai termināli.

Ekrāni, ko aģents izveido, izmantojot MCP, nonāk tajos pašos Flowstep failos, ar kuriem strādā jūsu komanda. Tie paliek rediģējami audeklā, kopīgojami un gatavi eksportēšanai vai kopēšanai uz Figma.

Serveris ir hostēts adresē `https://api.flowstep.ai/mcp` (Streamable HTTP transports). Nav jāpalaiž lokāls process un nav jāpārvalda API atslēga. Klienti pierakstās ar savu Flowstep kontu, izmantojot OAuth.

## Ko varat darīt

Serveris atklāj 23 rīkus astoņās kategorijās:

| Kategorija | Rīki |
| - | - |
| **Faili** | `list-files`, `get-file`, `create-file`, `update-file`, `delete-file` |
| **Ekrāni** | `list-screens`, `get-screen-image`, `get-screen-jsx`, `add-screen-jsx`, `replace-screen-jsx`, `rename-screen`, `delete-screen` |
| **Dizaina vadlīnijas** | `get-design-guidelines`, `update-design-guidelines`, `delete-design-guidelines` |
| **Tērzēšana** | `get-chat-history` |
| **Pielikumi** | `upload-attachment` |
| **Figma** | `import-figma` |
| **Plāns un norēķini** | `get-plan-details` |
| **AI dizains** | `ai-generate-screens`, `ai-edit-screens`, `ai-generate-screen-variant`, `ai-edit-screen-variant` |

Četri **AI dizaina** rīki izmanto to pašu ziņojumu limitu, kas paredzēts Flowstep lietotnei. Visi pārējie rīki ir bez maksas. Skatiet [Lietošanas limiti](/lv/mcp/usage-limits).

## Biežākie lietošanas gadījumi

**Ģenerējiet ekrānus no uzvednes**: izsauciet `ai-generate-screens` ar aprakstu. Ja izlaidīsiet `fileId`, Flowstep vienā solī izveidos failu un ekrānus. Katram atgrieztajam `screenId` izsauciet `get-screen-image`, lai redzētu rezultātu attēlā.

**Vizualizējiet React komponenti**: augšupielādējiet savu `.jsx` vai `.tsx` pirmkodu ar `upload-attachment` (`mimeType: text/javascript`), pēc tam nododiet atgriezto pielikumu `ai-generate-screens` kopā ar ziņojumu, kas apraksta ekrānu. Flowstep nolasa pirmkodu un ģenerē atbilstošu dizainu.

**Iterējiet pār dizainu**: izsauciet `ai-edit-screens` ar vienu vai vairākiem `screenId` (vai atsevišķiem elementu ID) un brīvas formas norādījumiem, lai tos mainītu vietā. Izmantojiet `ai-edit-screen-variant`, lai veselam ekrānam pielietotu priekšiestatījumu, piemēram, tumšo motīvu vai citu izkārtojumu.

**Izvērsiet plūsmu**: izsauciet `ai-generate-screen-variant`, lai pievienotu nākamo ekrānu, kļūdas vai tukša stāvokļa ekrānu vai esoša ekrāna tīmekļa, planšetdatora vai mobilo versiju.

**Strādājiet ar kodu pirmajā vietā**: nolasiet jebkuru ekrānu kā JSX ar `get-screen-jsx`, pēc tam rakstiet savu JSX atpakaļ ar `add-screen-jsx` (jauns ekrāns) vai `replace-screen-jsx` (aizstāt esošu). Šie rīki ir bez maksas.

**Saglabājiet rezultātu atbilstošu zīmolam**: izmantojiet `update-design-guidelines`, lai failā saglabātu savas krāsas, tipogrāfiju un komponentu noteikumus kā `DESIGN.md` tekstu. AI ģenerācijas, kas balstās uz šo failu, tos ievēros. Nolasiet tos ar `get-design-guidelines` vai notīriet ar `delete-design-guidelines`.

**Importējiet no Figma**: izsauciet `import-figma` ar Figma rāmja saiti un `fileId`, lai ienestu rāmi audeklā kā rediģējamus elementus. Faila organizācijai vispirms jābūt savienotai ar Figma.

**Pārbaudiet savu limitu**: izsauciet `get-plan-details`, lai pirms ģenerāciju partijas redzētu savu plānu, lietojumu un atlikušos ziņojumus.

## Galapunkts

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

Transports: Streamable HTTP. Sesiju modelis: bezstāvokļa (katrs pieprasījums ir neatkarīgs, bez sesijas ID).

Serveris atbalsta MCP protokola versiju `2026-07-28`, ko tas publicē adresē `https://api.flowstep.ai/.well-known/mcp.json`. Klienti, kas izmanto agrāko protokola versiju `2025-11-25`, savienojas ar to pašu galapunktu.

## Nākamie soļi

<CardGroup cols={2}>
  <Card title="Ātrā sākšana" icon="bolt" href="/lv/mcp/quickstart">
    Savienojiet klientu un veiciet savu pirmo rīka izsaukumu.
  </Card>

  <Card title="Autentifikācija" icon="lock" href="/lv/mcp/authentication">
    Kā darbojas OAuth 2.1 PKCE pierakstīšanās un apstiprināšana.
  </Card>

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

  <Card title="Piemēri" icon="code" href="/lv/mcp/examples">
    Pilnas darbplūsmas biežākiem uzdevumiem.
  </Card>
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.