Configuração
Adicione o servidor com a CLI do Claude Code:.mcp.json na raiz do projeto e faça commit do arquivo:
O campo
"type": "http" é obrigatório para servidores HTTP no Claude Code.Autenticação
O Claude Code cuida do fluxo OAuth 2.1 PKCE automaticamente na primeira vez que chama uma ferramenta do Flowstep. O seu navegador abre a página de login do Flowstep. Faça login com as suas credenciais do Flowstep (e-mail e senha ou Google), clique em Allow na tela de consentimento, e a CLI captura o callback. Não há chave de API para criar nem rotacionar.Você precisa de uma conta no Flowstep antes de se autenticar. Crie uma em app.flowstep.ai.
Verificar a conexão
Digite/mcp em uma sessão do Claude Code. O Flowstep deve aparecer como conectado, com as suas ferramentas disponíveis. Depois, pergunte:
Exemplo de uso
ai-design-screens → get-screen-image e mostra a renderização na conversa. Como o Claude Code já tem o seu repositório aberto, você pode continuar com “Now build this screen in our app”: ele pode ler o design com get-screen-jsx e implementá-lo com os seus componentes.