Szybki start MCP

Wymagania wstępne

Konto Flowstep (app.flowstep.ai)

Używasz Claude na claude.ai lub w Claude Desktop? Flowstep jest wymieniony jako konektor w katalogu Claude. Dodaj go jednym kliknięciem z claude.ai/directory/flowstep. Zobacz claude.ai.

Cursor
Claude Code

Wymaga Cursor v0.43+

Krok 1: Dodaj serwer

Kliknij Add Flowstep to Cursor, aby zainstalować serwer jednym kliknięciem, albo utwórz lub edytuj ~/.cursor/mcp.json (globalnie) lub .cursor/mcp.json w katalogu głównym projektu:

{
  "mcpServers": {
    "flowstep": {
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Uruchom ponownie Cursor po zapisaniu.

Krok 2: Uwierzytelnij się

Otwórz panel MCP w Cursor (Settings → MCP) i kliknij Connect obok Flowstep. Cursor otworzy przeglądarkę na stronie logowania Flowstep. Zaloguj się danymi Flowstep (email i hasło lub Google), a następnie kliknij Allow na ekranie zgody. Przeglądarka przekieruje Cię z powrotem, a Cursor automatycznie zapisze token.

Przed uwierzytelnieniem potrzebujesz konta Flowstep. Jeśli go nie masz, najpierw zarejestruj się na app.flowstep.ai.

Krok 3: Wykonaj wywołanie narzędzia

W czacie Cursor zapytaj:

Wyświetl moje pliki Flowstep

Cursor wywoła list-files i zwróci listę Twoich plików. Jeśli odpowiedź jest pusta, najpierw utwórz plik:

Utwórz nowy plik Flowstep o nazwie “Dashboard”

Krok 4: Wygeneruj ekran

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Cursor wywoła ai-design-screens (który tworzy nowy plik i generuje ekrany w jednym kroku), a następnie get-screen-image. Wyrenderowany projekt zobaczysz w czacie.

Wymaga CLI Claude Code

Krok 1: Dodaj serwer

Uruchom to polecenie w swoim projekcie:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

Aby udostępnić serwer zespołowi, dodaj go zamiast tego do .mcp.json w katalogu głównym projektu:

{
  "mcpServers": {
    "flowstep": {
      "type": "http",
      "url": "https://api.flowstep.ai/mcp"
    }
  }
}

Pole "type": "http" jest wymagane dla serwerów HTTP w Claude Code. Cursor go nie potrzebuje.

Krok 2: Uwierzytelnij się

Uruchom dowolne narzędzie Flowstep z czatu Claude Code. Przy pierwszym użyciu Claude Code otworzy przeglądarkę na stronie logowania Flowstep. Zaloguj się danymi Flowstep (email i hasło lub Google), a następnie kliknij Allow na ekranie zgody. Przeglądarka przekieruje Cię z powrotem, a token zostanie zapisany automatycznie. Wpisz /mcp w Claude Code, aby sprawdzić, czy Flowstep jest połączony.

Przed uwierzytelnieniem potrzebujesz konta Flowstep. Jeśli go nie masz, najpierw zarejestruj się na app.flowstep.ai.

Krok 3: Wykonaj wywołanie narzędzia

W czacie Claude Code zapytaj:

Wyświetl moje pliki Flowstep

Claude Code wywoła list-files i zwróci listę Twoich plików. Jeśli odpowiedź jest pusta, najpierw utwórz plik:

Utwórz nowy plik Flowstep o nazwie “Dashboard”

Krok 4: Wygeneruj ekran

Generate a mobile login screen in Flowstep for a SaaS app with email/password
fields and a Google sign-in button. After it finishes, show me the image.

Claude Code wywoła ai-design-screens (który tworzy nowy plik i generuje ekrany w jednym kroku), a następnie get-screen-image. Wyrenderowany projekt zobaczysz w czacie.

ai-design-screens i pozostałe narzędzia projektowania AI korzystają z Twojego limitu wiadomości Flowstep. Wyświetlanie, odczytywanie i renderowanie ekranów jest bezpłatne. Zobacz Limity użycia.

Następne kroki

Dokumentacja narzędzi: pełna dokumentacja wejść i wyjść dla wszystkich 22 narzędzi
Przykłady: wieloetapowe przepływy pracy
Inne klienty: Windsurf, Codex, Claude Desktop, claude.ai

Pierwsze kroki

Korzystanie z Flowstep

Zespoły i organizacje

Eksport i integracje

Serwer MCP

Rozliczenia i plany

Bezpieczeństwo i prywatność

Wymagania wstępne

Krok 1: Dodaj serwer

Krok 2: Uwierzytelnij się

Krok 3: Wykonaj wywołanie narzędzia

Krok 4: Wygeneruj ekran

Krok 1: Dodaj serwer

Krok 2: Uwierzytelnij się

Krok 3: Wykonaj wywołanie narzędzia

Krok 4: Wygeneruj ekran

Następne kroki

​Wymagania wstępne

​Krok 1: Dodaj serwer

​Krok 2: Uwierzytelnij się

​Krok 3: Wykonaj wywołanie narzędzia

​Krok 4: Wygeneruj ekran

​Krok 1: Dodaj serwer

​Krok 2: Uwierzytelnij się

​Krok 3: Wykonaj wywołanie narzędzia

​Krok 4: Wygeneruj ekran

​Następne kroki

Wymagania wstępne

Krok 1: Dodaj serwer

Krok 2: Uwierzytelnij się

Krok 3: Wykonaj wywołanie narzędzia

Krok 4: Wygeneruj ekran

Krok 1: Dodaj serwer

Krok 2: Uwierzytelnij się

Krok 3: Wykonaj wywołanie narzędzia

Krok 4: Wygeneruj ekran

Następne kroki