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

> Forbind Flowstep til din AI-editor og kør dit første værktøjskald.

## Forudsætninger

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

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

    ## Trin 1 — Tilføj serveren

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

    ## Trin 2 — Godkend

    Åbn Cursor MCP-panelet (Indstillinger → MCP) og klik på **Connect** ved siden af Flowstep. Cursor åbner din browser til Flowstep OAuth-login. Log ind med dine Flowstep-legitimationsoplysninger (email/adgangskode eller Google). Browseren omdirigeres tilbage, og Cursor gemmer tokenet automatisk.

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

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

    I en Cursor-chat skal du spørge:

    > "List my Flowstep files"

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

    > "Create a new Flowstep file called 'Dashboard'"

    ## Trin 4 — Generer en skærm

    ```
    Create a new Flowstep file called "Login flow", then generate a mobile login screen
    for a SaaS app with email/password fields and a Google sign-in button.
    After it finishes, show me the image.
    ```

    Cursor kalder `create-new-design` (som opretter filen og genererer skærmene i et skridt), derefter `get-screen-image`. Du vil se det gengivne design direkte i chatten.
  </Tab>

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

    ## Trin 1 — Tilføj serveren

    Opret `.mcp.json` i din projektrod (projektomfattet) eller `~/.claude/mcp.json` (global):

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

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

    ## Trin 2 — Godkend

    Kør ethvert Flowstep-værktøj fra en Claude Code-chat. Ved første brug åbner Claude Code din browser til Flowstep OAuth-login. Log ind med dine Flowstep-legitimationsoplysninger (email/adgangskode eller Google). Browseren omdirigeres tilbage, og tokenet gemmes automatisk.

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

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

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

    > "List my Flowstep files"

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

    > "Create a new Flowstep file called 'Dashboard'"

    ## Trin 4 — Generer en skærm

    ```
    Create a new Flowstep file called "Login flow", then generate a mobile login screen
    for a SaaS app with email/password fields and a Google sign-in button.
    After it finishes, show me the image.
    ```

    Claude Code kalder `create-new-design` (som opretter filen og genererer skærmene i et skridt), derefter `get-screen-image`. Du vil se det gengivne design direkte i chatten.
  </Tab>
</Tabs>

## Næste trin

* [Værktøjsreference](/da/mcp/tools) — fuld input/output-dokumentation for alle 20 værktøjer
* [Eksempler](/da/mcp/examples) — arbejdsgange med flere skridt
* [Andre klienter](/da/mcp/clients/claude-code) — Windsurf, Claude Desktop, claude.ai