Configuração
Adicione o servidor com a CLI do Claude Code:.mcp.json na raiz do projeto e faça commit do ficheiro:
O campo
"type": "http" é obrigatório nos servidores HTTP do Claude Code.Autenticação
O Claude Code trata automaticamente do fluxo OAuth 2.1 PKCE na primeira vez que chama uma ferramenta do Flowstep. O seu navegador abre a página de início de sessão do Flowstep. Inicie sessão com as suas credenciais do Flowstep (email/palavra-passe ou Google), clique em Allow no ecrã de consentimento, e a CLI captura o retorno de chamada. Não há nenhuma chave de API para criar nem para renovar.Precisa de uma conta do Flowstep antes de se autenticar. Crie uma em app.flowstep.ai.
Verificar a ligação
Escreva/mcp numa sessão do Claude Code. O Flowstep deve aparecer como ligado, com as respetivas ferramentas disponíveis. Depois, pergunte:
Exemplo de utilização
ai-design-screens → get-screen-image e mostra a renderização em linha. Como o Claude Code já tem o seu repositório aberto, pode continuar com “Agora cria este ecrã na nossa aplicação”. Assim, consegue ler o design com get-screen-jsx e implementá-lo com os seus componentes.