> ## 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 ātrā sākšana

> Savienojiet Flowstep ar savu kodēšanas aģentu un veiciet savu pirmo rīka izsaukumu.

## Priekšnosacījumi

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

<Tip>
  Lietojat Claude vietnē claude.ai vai Claude Desktop? Flowstep ir uzskaitīts savienotājs Claude direktorijā. Pievienojiet to ar vienu klikšķi no [claude.ai/directory/flowstep](https://claude.ai/directory/flowstep). Skatiet [claude.ai](/lv/mcp/clients/claude-ai).
</Tip>

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

    ## 1. solis — Pievienojiet serveri

    Noklikšķiniet uz [**Add Flowstep to Cursor**](https://cursor.com/install-mcp?name=flowstep\&config=eyJ1cmwiOiJodHRwczovL2FwaS5mbG93c3RlcC5haS9tY3AifQ%3D%3D), lai instalētu to ar vienu klikšķi, vai izveidojiet vai rediģējiet `~/.cursor/mcp.json` (globāls) vai `.cursor/mcp.json` savā projekta saknē:

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

    Pēc saglabāšanas restartējiet Cursor.

    ## 2. solis — Autentificējieties

    Atveriet Cursor MCP paneli (**Settings → MCP**) un noklikšķiniet uz **Connect** blakus Flowstep. Cursor atver jūsu pārlūkprogrammu Flowstep pierakstīšanās lapā. Pierakstieties ar saviem Flowstep pieteikšanās datiem (e-pasts un parole vai Google) un pēc tam piekrišanas ekrānā noklikšķiniet uz **Allow**. Pārlūkprogramma novirza atpakaļ, un Cursor pilnvaru saglabā automātiski.

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

    ## 3. solis — Veiciet rīka izsaukumu

    Cursor tērzēšanā jautājiet:

    > "Uzskaitiet manus Flowstep failus"

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

    > "Izveidojiet jaunu Flowstep failu ar nosaukumu 'Dashboard'"

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

    ```
    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 izsauc `ai-generate-screens` (kas vienā solī izveido jaunu failu un ģenerē ekrānus), pēc tam `get-screen-image`. Renderēto dizainu redzēsiet tērzēšanā tieši.
  </Tab>

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

    ## 1. solis — Pievienojiet serveri

    Palaidiet šo savā projektā:

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

    Lai kopīgotu serveri ar savu komandu, pievienojiet to savas projekta saknē esošajam failam `.mcp.json`:

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

    <Note>
      Lauks `"type": "http"` ir obligāts Claude Code HTTP serveriem. Cursor to nav vajadzīgs.
    </Note>

    ## 2. solis — Autentificējieties

    Palaidiet jebkuru Flowstep rīku no Claude Code tērzēšanas. Pirmajā lietošanas reizē Claude Code atver jūsu pārlūkprogrammu Flowstep pierakstīšanās lapā. Pierakstieties ar saviem Flowstep pieteikšanās datiem (e-pasts un parole vai Google) un pēc tam piekrišanas ekrānā noklikšķiniet uz **Allow**. Pārlūkprogramma novirza atpakaļ, un pilnvara tiek saglabāta automātiski. Claude Code tērzēšanā ierakstiet `/mcp`, lai pārbaudītu, vai Flowstep ir savienots.

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

    ## 3. solis — Veiciet rīka izsaukumu

    Claude Code tērzēšanā jautājiet:

    > "Uzskaitiet manus Flowstep failus"

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

    > "Izveidojiet jaunu Flowstep failu ar nosaukumu 'Dashboard'"

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

    ```
    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 izsauc `ai-generate-screens` (kas vienā solī izveido jaunu failu un ģenerē ekrānus), pēc tam `get-screen-image`. Renderēto dizainu redzēsiet tērzēšanā tieši.
  </Tab>
</Tabs>

<Note>
  `ai-generate-screens` un pārējie AI dizaina rīki izmanto jūsu Flowstep ziņojumu limitu. Failu un ekrānu uzskaitīšana, lasīšana un renderēšana ir bez maksas. Skatiet [Lietošanas limiti](/lv/mcp/usage-limits).
</Note>

## Nākamie soļi

* [Rīku atsauce](/lv/mcp/tools): pilna ievades un izvades dokumentācija visiem 23 rīkiem
* [Piemēri](/lv/mcp/examples): vairāku soļu darbplūsmas
* [Citi klienti](/lv/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.