Pré-requisitos
- Uma conta Flowstep (app.flowstep.ai)
- Cursor
- Claude Code
Requer Cursor v0.43+Reinicia o Cursor após guardar.O Cursor chama
Passo 1 — Adiciona o servidor
Cria ou edita~/.cursor/mcp.json (global) ou .cursor/mcp.json na raiz do teu projeto:Passo 2 — Autentica
Abre o painel MCP do Cursor (Settings → MCP) e clica em Connect junto a Flowstep. O Cursor abre o teu navegador para o login OAuth do Flowstep. Faz login com as tuas credenciais do Flowstep (email/password ou Google). O navegador redireciona-te e o Cursor guarda o token automaticamente.Precisas de uma conta Flowstep antes de autenticar. Se não tens uma, inscreve-te primeiro em app.flowstep.ai.
Passo 3 — Executa uma chamada de ferramenta
Num chat do Cursor, pede:“List my Flowstep files”O Cursor chama
list-files e devolve a tua lista de ficheiros. Se a resposta estiver vazia, cria um ficheiro primeiro:“Create a new Flowstep file called ‘Dashboard‘“
Passo 4 — Gera um ecrã
create-new-design (que cria o ficheiro e gera os ecrãs num passo), depois get-screen-image. Verás o design renderizado em linha no chat.Próximos passos
- Referência de ferramentas — documentação completa de entrada/saída para as 20 ferramentas
- Exemplos — fluxos de trabalho de vários passos
- Outros clientes — Windsurf, Claude Desktop, claude.ai