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

# MCP-hurtigstart

> Forbind Flowstep til din kodeagent, og kør dit første værktøjskald.

## Forudsætninger

* En Flowstep-konto ([app.flowstep.ai](https://app.flowstep.ai))

<Tip>
  Bruger du Claude på claude.ai eller Claude Desktop? Flowstep er en opført connector i Claudes katalog. Tilføj den med ét klik fra [claude.ai/directory/flowstep](https://claude.ai/directory/flowstep). Se [claude.ai](/da/mcp/clients/claude-ai).
</Tip>

<Tabs>
  <Tab title="Cursor">
    **Kræver Cursor v0.43+**

    ## Trin 1 — Tilføj serveren

    Klik på [**Add Flowstep to Cursor**](https://cursor.com/install-mcp?name=flowstep\&config=eyJ1cmwiOiJodHRwczovL2FwaS5mbG93c3RlcC5haS9tY3AifQ%3D%3D) for at installere den med ét klik, eller opret eller rediger `~/.cursor/mcp.json` (global) eller `.cursor/mcp.json` i din projektrod:

    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```

    Genstart Cursor efter at have gemt.

    ## Trin 2 — Godkend

    Åbn Cursor MCP-panelet (**Settings → MCP**), og klik på **Connect** ved siden af Flowstep. Cursor åbner din browser til Flowsteps loginside. Log ind med dine Flowstep-legitimationsoplysninger (email/password eller Google), og klik derefter på **Allow** på samtykkeskærmen. Browseren sender dig tilbage, og Cursor gemmer tokenet automatisk.

    <Note>
      Du skal have en Flowstep-konto, før du godkender dig. Hvis du ikke har en, skal du først oprette den på [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## Trin 3 — Kør et værktøjskald

    I en Cursor-chat skal du spørge:

    > "Vis mine Flowstep-filer"

    Cursor kalder `list-files` og returnerer din filliste. Hvis svaret er tomt, skal du først oprette en fil:

    > "Opret en ny Flowstep-fil ved navn 'Dashboard'"

    ## Trin 4 — Generér en skærm

    ```
    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 kalder `ai-generate-screens` (som opretter en ny fil og genererer skærmene i ét trin) og derefter `get-screen-image`. Du ser det renderede design inline i chatten.
  </Tab>

  <Tab title="Claude Code">
    **Kræver Claude Code CLI**

    ## Trin 1 — Tilføj serveren

    Kør dette i dit projekt:

    ```bash theme={"system"}
    claude mcp add --transport http flowstep https://api.flowstep.ai/mcp
    ```

    For at dele serveren med dit team skal du i stedet tilføje den til `.mcp.json` i din projektrod:

    ```json theme={"system"}
    {
      "mcpServers": {
        "flowstep": {
          "type": "http",
          "url": "https://api.flowstep.ai/mcp"
        }
      }
    }
    ```

    <Note>
      Feltet `"type": "http"` er påkrævet for HTTP-servere i Claude Code. Cursor har ikke brug for det.
    </Note>

    ## Trin 2 — Godkend

    Kør et Flowstep-værktøj fra en Claude Code-chat. Første gang det bruges, åbner Claude Code din browser til Flowsteps loginside. Log ind med dine Flowstep-legitimationsoplysninger (email/password eller Google), og klik derefter på **Allow** på samtykkeskærmen. Browseren sender dig tilbage, og tokenet gemmes automatisk. Skriv `/mcp` i Claude Code for at kontrollere, at Flowstep er forbundet.

    <Note>
      Du skal have en Flowstep-konto, før du godkender dig. Hvis du ikke har en, skal du først oprette den på [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## Trin 3 — Kør et værktøjskald

    I en Claude Code-chat skal du spørge:

    > "Vis mine Flowstep-filer"

    Claude Code kalder `list-files` og returnerer din filliste. Hvis svaret er tomt, skal du først oprette en fil:

    > "Opret en ny Flowstep-fil ved navn 'Dashboard'"

    ## Trin 4 — Generér en skærm

    ```
    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 kalder `ai-generate-screens` (som opretter en ny fil og genererer skærmene i ét trin) og derefter `get-screen-image`. Du ser det renderede design inline i chatten.
  </Tab>
</Tabs>

<Note>
  `ai-generate-screens` og de andre AI-designværktøjer trækker på din Flowstep-beskedkvote. Listning, læsning og rendering af skærme er gratis. Se [Brugsgrænser](/da/mcp/usage-limits).
</Note>

## Næste trin

* [Værktøjsreference](/da/mcp/tools) — fuld input- og outputdokumentation for alle 23 værktøjer
* [Eksempler](/da/mcp/examples) — workflows med flere trin
* [Andre klienter](/da/mcp/clients/claude-code) — Windsurf, Codex, Claude Desktop, claude.ai


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