Přejít na hlavní obsah

Předpoklady

Používáte Claude na claude.ai nebo v Claude Desktop? Flowstep je uvedený konektor v adresáři Claude. Přidejte jej jedním kliknutím na claude.ai/directory/flowstep. Viz claude.ai.
Vyžaduje Cursor v0.43+

Krok 1 — Přidejte server

Kliknutím na Add Flowstep to Cursor jej nainstalujte jedním kliknutím. Případně vytvořte nebo upravte ~/.cursor/mcp.json (globální) nebo .cursor/mcp.json v kořenu projektu:
Po uložení restartujte Cursor.

Krok 2 — Ověřte se

Otevřete panel MCP v Cursoru (Settings → MCP) a vedle Flowstepu klikněte na Connect. Cursor otevře váš prohlížeč na přihlašovací stránku Flowstepu. Přihlaste se pomocí přihlašovacích údajů Flowstep (e-mail a heslo, nebo Google) a na obrazovce se souhlasem klikněte na Allow. Prohlížeč vás přesměruje zpět a Cursor token uloží automaticky.
Před ověřením potřebujete účet Flowstep. Pokud ho nemáte, nejdřív se zaregistrujte na app.flowstep.ai.

Krok 3 — Spusťte volání nástroje

V chatu Cursoru se zeptejte:
„Vypiš mi moje soubory Flowstep“
Cursor zavolá list-files a vrátí seznam vašich souborů. Pokud je odpověď prázdná, nejdřív vytvořte soubor:
„Vytvoř nový soubor Flowstep s názvem ‘Dashboard’“

Krok 4 — Vygenerujte obrazovku

Cursor zavolá ai-design-screens (které v jednom kroku vytvoří nový soubor a vygeneruje obrazovky), poté get-screen-image. Vykreslený návrh uvidíte přímo v chatu.
ai-design-screens a ostatní nástroje AI pro design čerpají z vašeho limitu zpráv Flowstepu. Výpis, čtení a vykreslování obrazovek je zdarma. Viz Limity použití.

Další kroky