Flowstep MCP — Claude Code

Määritys

Lisää palvelin Claude Code CLI:llä:

claude mcp add --transport http flowstep https://api.flowstep.ai/mcp

Jos haluat jakaa palvelimen kaikille repositorion kanssa työskenteleville, lisää se sen sijaan projektin juureen .mcp.json-tiedostoon ja tallenna tiedosto versionhallintaan:

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

"type": "http"-kenttä vaaditaan Claude Coden HTTP-palvelimille.

Todennus

Claude Code hoitaa OAuth 2.1 PKCE -kulun automaattisesti, kun se kutsuu Flowstep-työkalua ensimmäisen kerran. Selaimesi avautuu Flowstepin kirjautumissivulle. Kirjaudu sisään Flowstep-tunnuksillasi (sähköposti/salasana tai Google), napsauta hyväksymisnäkymässä Allow (Salli), ja CLI vastaanottaa takaisinkutsun. API-avainta ei tarvitse luoda eikä kierrättää.

Tarvitset Flowstep-tilin ennen todennusta. Luo se osoitteessa app.flowstep.ai.

Käyttöesimerkki

Generate a desktop settings screen in Flowstep for a developer tool, with sections
for API keys, notifications, and team members. Show me the rendered image when done.

Claude Code kutsuu ai-design-screens → get-screen-image ja näyttää renderöidyn kuvan keskustelussa. Koska Claude Codella on jo repositoriosi auki, voit jatkaa kysymällä esimerkiksi “Rakenna tämä näyttö nyt sovelluksessamme”. Se voi lukea suunnitelman get-screen-jsx-työkalulla ja toteuttaa sen komponenttiesi avulla.

Aloittaminen

Flowstepin käyttö

Tiimit ja organisaatiot

Vienti ja integraatiot

MCP-palvelin

Laskutus ja tilaukset

Turvallisuus ja tietosuoja

Flowstep MCP — Claude Code

Määritys

Todennus

Tarkista yhteys

Käyttöesimerkki

​Määritys

​Todennus

​Tarkista yhteys

​Käyttöesimerkki

Määritys

Todennus

Tarkista yhteys

Käyttöesimerkki