> ## 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 ātrais sākums

> Pievienojiet Flowstep savam AI redaktoram un palaidiet savu pirmo rīka izsauni.

## Priekšnoteikumi

* Flowstep konts ([app.flowstep.ai](https://app.flowstep.ai))

<Tabs>
  <Tab title="Cursor">
    **Nepieciešams Cursor v0.43+**

    ## 1. solis — Pievienojiet serveri

    Izveidojiet vai rediģējiet `~/.cursor/mcp.json` (globāli) vai `.cursor/mcp.json` sava projekta saknē:

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

    Pārstartējiet Cursor pēc saglabāšanas.

    ## 2. solis — Autentifikācija

    Atveriet Cursor MCP paneli (Settings → MCP) un noklikšķiniet uz **Connect** blakus Flowstep. Cursor atver jūsu pārlūkprogrammu uz Flowstep OAuth pierakstīšanās lapas. Pierakstieties ar saviem Flowstep akreditācijas datiem (e-pasts/parole vai Google). Pārlūkprogramma jūs novirza atpakaļ, un Cursor automātiski saglabā marķieri.

    <Note>
      Pirms autentifikācijas jums nepieciešams Flowstep konts. Ja jums tāda nav, vispirms reģistrējieties [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## 3. solis — Palaidiet rīka izsauni

    Cursor čatā jautājiet:

    > "List my Flowstep files"

    Cursor izsauc `list-files` un atgriež jūsu failu sarakstu. Ja atbilde ir tukša, vispirms izveidojiet failu:

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

    ## 4. solis — Ģenerējiet ekrānu

    ```
    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 izsauc `create-new-design` (kas viena darbībā izveido failu un ģenerē ekrānus), pēc tam `get-screen-image`. Jūs redzēsiet renderēto dizainu tieši čatā.
  </Tab>

  <Tab title="Claude Code">
    **Nepieciešams Claude Code CLI**

    ## 1. solis — Pievienojiet serveri

    Izveidojiet `.mcp.json` sava projekta saknē (projekta tvērumā) vai `~/.claude/mcp.json` (globāli):

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

    <Note>
      Claude Code HTTP serveriem ir nepieciešams `"type": "http"` lauks. Cursor tas nav nepieciešams.
    </Note>

    ## 2. solis — Autentifikācija

    Palaidiet jebkuru Flowstep rīku no Claude Code čata. Pirmajā izmantošanas reizē Claude Code atver jūsu pārlūkprogrammu uz Flowstep OAuth pierakstīšanās lapas. Pierakstieties ar saviem Flowstep akreditācijas datiem (e-pasts/parole vai Google). Pārlūkprogramma jūs novirza atpakaļ, un marķieris tiek automātiski saglabāts.

    <Note>
      Pirms autentifikācijas jums nepieciešams Flowstep konts. Ja jums tāda nav, vispirms reģistrējieties [app.flowstep.ai](https://app.flowstep.ai).
    </Note>

    ## 3. solis — Palaidiet rīka izsauni

    Claude Code čatā jautājiet:

    > "List my Flowstep files"

    Claude Code izsauc `list-files` un atgriež jūsu failu sarakstu. Ja atbilde ir tukša, vispirms izveidojiet failu:

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

    ## 4. solis — Ģenerējiet ekrānu

    ```
    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 izsauc `create-new-design` (kas viena darbībā izveido failu un ģenerē ekrānus), pēc tam `get-screen-image`. Jūs redzēsiet renderēto dizainu tieši čatā.
  </Tab>
</Tabs>

## Nākamajos soļi

* [Rīku atsauce](/lv/mcp/tools) — pilna ievades/izejas dokumentācija visiem 20 rīkiem
* [Piemēri](/lv/mcp/examples) — daudzpakāpju darbplūsmas
* [Citi klienti](/lv/mcp/clients/claude-code) — Windsurf, Claude Desktop, claude.ai