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

> Připojte svého agenta pro programování k Flowstepu přes MCP a generujte, upravujte, kontrolujte a spravujte obrazovky na designovém plátně z Claude, Cursoru, Codexu nebo jakéhokoli klienta kompatibilního s MCP.

Flowstep je designové plátno pro software, který vytvářejí agenti. Server Flowstep MCP toto plátno zpřístupňuje přes [Model Context Protocol](https://modelcontextprotocol.io/). Agenti, které váš tým už používá, tak mohou navrhovat obrazovky, prohlížet vykreslený výsledek a stavět podle něj, aniž byste opustili editor nebo terminál.

Obrazovky, které agent vytvoří přes MCP, skončí ve stejných souborech Flowstepu, se kterými pracuje váš tým. Zůstávají upravitelné na plátně, sdílitelné a připravené k exportu nebo ke zkopírování do Figmy.

Server je hostován na adrese `https://api.flowstep.ai/mcp` (přenos Streamable HTTP). Není potřeba spouštět žádný místní proces ani spravovat API klíč. Klienti se k vašemu účtu Flowstep přihlašují přes OAuth.

## Co můžete dělat

Server zpřístupňuje 23 nástrojů v osmi kategoriích:

| Kategorie | Nástroje |
| - | - |
| **Soubory** | `list-files`, `get-file`, `create-file`, `update-file`, `delete-file` |
| **Obrazovky** | `list-screens`, `get-screen-image`, `get-screen-jsx`, `add-screen-jsx`, `replace-screen-jsx`, `rename-screen`, `delete-screen` |
| **Designové pokyny** | `get-design-guidelines`, `update-design-guidelines`, `delete-design-guidelines` |
| **Chat** | `get-chat-history` |
| **Přílohy** | `upload-attachment` |
| **Figma** | `import-figma` |
| **Tarif a fakturace** | `get-plan-details` |
| **Návrh pomocí AI** | `ai-generate-screens`, `ai-edit-screens`, `ai-generate-screen-variant`, `ai-edit-screen-variant` |

Čtyři nástroje z kategorie **Návrh pomocí AI** čerpají ze stejného limitu zpráv jako aplikace Flowstep. Všechny ostatní nástroje jsou zdarma. Viz [Limity použití](/cs/mcp/usage-limits).

## Běžné případy použití

**Generujte obrazovky z promptu** — zavolejte `ai-generate-screens` s popisem. Pokud vynecháte `fileId`, Flowstep vytvoří soubor i obrazovky v jednom kroku. Pro každé vrácené `screenId` zavolejte `get-screen-image`, abyste výsledek viděli přímo v konverzaci.

**Vizualizujte komponentu React** — nahrajte zdrojový soubor `.jsx` nebo `.tsx` pomocí `upload-attachment` (`mimeType: text/javascript`). Vrácenou přílohu pak předejte do `ai-generate-screens` se zprávou popisující obrazovku. Flowstep přečte zdrojový kód a vygeneruje odpovídající návrh.

**Iterujte na návrhu** — zavolejte `ai-edit-screens` s jedním nebo více `screenId` (případně s ID jednotlivých prvků) a volnými instrukcemi, abyste je změnili přímo na místě. Pomocí `ai-edit-screen-variant` můžete na celou obrazovku aplikovat předvolbu, například tmavý motiv nebo jiné rozvržení.

**Rozšiřte tok** — zavolejte `ai-generate-screen-variant`, abyste přidali další obrazovku, stav chyby, prázdný stav nebo verzi existující obrazovky pro web, tablet či mobil.

**Pracujte nejdřív v kódu** — přečtěte si libovolnou obrazovku jako JSX pomocí `get-screen-jsx` a svůj JSX zapište zpět pomocí `add-screen-jsx` (nová obrazovka) nebo `replace-screen-jsx` (přepsání existující). Tyto nástroje jsou zdarma.

**Udržujte výstup v souladu s brandem** — pomocí `update-design-guidelines` uložte barvy, typografii a pravidla komponent k souboru jako text `DESIGN.md`. Generace AI pro tento soubor se jimi budou řídit. Načtěte je pomocí `get-design-guidelines`, nebo je vymažte pomocí `delete-design-guidelines`.

**Importujte z Figmy** — zavolejte `import-figma` s odkazem na rámec Figmy a `fileId`. Rámec se přenese na plátno jako upravitelné prvky. Organizace, ke které soubor patří, musí mít nejdřív připojenou Figmu.

**Kontrolujte svůj limit** — zavolejte `get-plan-details` a zjistěte svůj tarif, využití a zbývající zprávy před dávkou generací.

## Koncový bod

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

Přenos: Streamable HTTP. Model relace: bezstavový. Každý požadavek je nezávislý a neobsahuje ID relace.

Server podporuje verzi protokolu MCP `2026-07-28`, kterou inzeruje na adrese `https://api.flowstep.ai/.well-known/mcp.json`. Klienti na starším protokolu `2025-11-25` se připojují na stejný koncový bod.

## Další kroky

<CardGroup cols={2}>
  <Card title="Rychlý start" icon="bolt" href="/cs/mcp/quickstart">
    Připojte klienta a spusťte první volání nástroje.
  </Card>

  <Card title="Ověřování" icon="lock" href="/cs/mcp/authentication">
    Jak funguje přihlášení a schvalování přes OAuth 2.1 PKCE.
  </Card>

  <Card title="Nástroje" icon="wrench" href="/cs/mcp/tools">
    Úplný přehled vstupů a výstupů všech 23 nástrojů.
  </Card>

  <Card title="Příklady" icon="code" href="/cs/mcp/examples">
    Pracovní postupy od začátku do konce pro běžné úlohy.
  </Card>
</CardGroup>


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