Inici ràpid de MCP

Requisits previs

Un compte de Flowstep (app.flowstep.ai)

Fas servir Claude a claude.ai o a Claude Desktop? Flowstep és un connector inclòs al directori de Claude: afegeix-lo en un clic des de claude.ai/directory/flowstep. Consulta claude.ai.

Cursor
Claude Code

Requereix Cursor v0.43+

Pas 1 — Afegeix el servidor

Fes clic a Add Flowstep to Cursor per instal·lar-lo en un clic, o crea o edita ~/.cursor/mcp.json (global) o .cursor/mcp.json a l’arrel del projecte:

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

Reinicia Cursor després de desar el fitxer.

Pas 2 — Autentica’t

Obre el panell de MCP de Cursor (Settings → MCP) i fes clic a Connect al costat de Flowstep. Cursor obre el navegador a la pàgina d’inici de sessió de Flowstep. Inicia sessió amb les teves credencials de Flowstep (correu electrònic i contrasenya o Google) i després fes clic a Allow a la pantalla de consentiment. El navegador et redirigeix de tornada i Cursor desa el token automàticament.

Necessites un compte de Flowstep abans d’autenticar-te. Si no en tens cap, registra’t primer a app.flowstep.ai.

Pas 3 — Fes una crida a una eina

En un xat de Cursor, demana:

“List my Flowstep files”

Cursor crida list-files i retorna la llista de fitxers. Si la resposta és buida, crea primer un fitxer:

“Create a new Flowstep file called ‘Dashboard‘“

Pas 4 — Genera una pantalla

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 crida ai-design-screens (que crea un fitxer nou i genera les pantalles en un sol pas), i després get-screen-image. Veuràs el disseny renderitzat en línia al xat.

Requereix la CLI de Claude Code

Pas 1 — Afegeix el servidor

Executa això al teu projecte:

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

Per compartir el servidor amb el teu equip, afegeix-lo a .mcp.json a l’arrel del projecte:

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

El camp "type": "http" és obligatori per als servidors HTTP de Claude Code. Cursor no el necessita.

Pas 2 — Autentica’t

Executa qualsevol eina de Flowstep des d’un xat de Claude Code. En el primer ús, Claude Code obre el navegador a la pàgina d’inici de sessió de Flowstep. Inicia sessió amb les teves credencials de Flowstep (correu electrònic i contrasenya o Google) i després fes clic a Allow a la pantalla de consentiment. El navegador et redirigeix de tornada i el token es desa automàticament. Escriu /mcp a Claude Code per comprovar que Flowstep està connectat.

Necessites un compte de Flowstep abans d’autenticar-te. Si no en tens cap, registra’t primer a app.flowstep.ai.

Pas 3 — Fes una crida a una eina

En un xat de Claude Code, demana:

“List my Flowstep files”

Claude Code crida list-files i retorna la llista de fitxers. Si la resposta és buida, crea primer un fitxer:

“Create a new Flowstep file called ‘Dashboard‘“

Pas 4 — Genera una pantalla

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 crida ai-design-screens (que crea un fitxer nou i genera les pantalles en un sol pas), i després get-screen-image. Veuràs el disseny renderitzat en línia al xat.

ai-design-screens i les altres eines de disseny amb IA consumeixen la teva quota de missatges de Flowstep. Llistar, llegir i renderitzar pantalles és gratuït. Consulta Límits d’ús.

Passos següents

Referència d’eines: documentació completa d’entrada i sortida de les 22 eines
Exemples: fluxos de treball de diversos passos
Altres clients: Windsurf, Codex, Claude Desktop, claude.ai

Primers passos

Ús de Flowstep

Equips i organitzacions

Exportació i integracions

Servidor MCP

Facturació i plans

Seguretat i privadesa

Inici ràpid de MCP

Requisits previs

Pas 1 — Afegeix el servidor

Pas 2 — Autentica’t

Pas 3 — Fes una crida a una eina

Pas 4 — Genera una pantalla

Pas 1 — Afegeix el servidor

Pas 2 — Autentica’t

Pas 3 — Fes una crida a una eina

Pas 4 — Genera una pantalla

Passos següents

​Requisits previs

​Pas 1 — Afegeix el servidor

​Pas 2 — Autentica’t

​Pas 3 — Fes una crida a una eina

​Pas 4 — Genera una pantalla

​Pas 1 — Afegeix el servidor

​Pas 2 — Autentica’t

​Pas 3 — Fes una crida a una eina

​Pas 4 — Genera una pantalla

​Passos següents

Requisits previs

Pas 1 — Afegeix el servidor

Pas 2 — Autentica’t

Pas 3 — Fes una crida a una eina

Pas 4 — Genera una pantalla

Pas 1 — Afegeix el servidor

Pas 2 — Autentica’t

Pas 3 — Fes una crida a una eina

Pas 4 — Genera una pantalla

Passos següents