MCP ātrais sākums

Priekšnoteikumi

Flowstep konts (app.flowstep.ai)

Cursor
Claude Code

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ē:

{
  "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.

Pirms autentifikācijas jums nepieciešams Flowstep konts. Ja jums tāda nav, vispirms reģistrējieties app.flowstep.ai.

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

Nepieciešams Claude Code CLI

1. solis — Pievienojiet serveri

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

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

Claude Code HTTP serveriem ir nepieciešams "type": "http" lauks. Cursor tas nav nepieciešams.

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.

Pirms autentifikācijas jums nepieciešams Flowstep konts. Ja jums tāda nav, vispirms reģistrējieties app.flowstep.ai.

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

Nākamajos soļi

Rīku atsauce — pilna ievades/izejas dokumentācija visiem 20 rīkiem
Piemēri — daudzpakāpju darbplūsmas
Citi klienti — Windsurf, Claude Desktop, claude.ai

Darba sākšana

Flowstep lietošana

Komandas un organizācijas

Eksports un integrācijas

MCP serveris

Norēķini un plāni

Drošība un privātums

MCP ātrais sākums

Priekšnoteikumi

1. solis — Pievienojiet serveri

2. solis — Autentifikācija

3. solis — Palaidiet rīka izsauni

4. solis — Ģenerējiet ekrānu

1. solis — Pievienojiet serveri

2. solis — Autentifikācija

3. solis — Palaidiet rīka izsauni

4. solis — Ģenerējiet ekrānu

Nākamajos soļi

​Priekšnoteikumi

​1. solis — Pievienojiet serveri

​2. solis — Autentifikācija

​3. solis — Palaidiet rīka izsauni

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

​1. solis — Pievienojiet serveri

​2. solis — Autentifikācija

​3. solis — Palaidiet rīka izsauni

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

​Nākamajos soļi

Priekšnoteikumi

1. solis — Pievienojiet serveri

2. solis — Autentifikācija

3. solis — Palaidiet rīka izsauni

4. solis — Ģenerējiet ekrānu

1. solis — Pievienojiet serveri

2. solis — Autentifikācija

3. solis — Palaidiet rīka izsauni

4. solis — Ģenerējiet ekrānu

Nākamajos soļi