SketchXFlow MCP

Instale em três passos.

Faça estes passos em ordem. O instalador cuida de todos os aplicativos de uma vez, então você só faz isso uma vez por computador.

1. 1

   Obtenha sua chave de API

   Sua chave conecta o aplicativo à sua conta, para que os designs cheguem aos seus projetos. Abra Conta → Chaves de API e clique em Gerar chave. Generate an API key Ela é exibida apenas uma vez — copie-a em um lugar seguro.
2. 2

   Execute o instalador

   Abra um terminal (qualquer pasta serve), cole este comando e pressione Enter.

   $ npx @sketchxflow/mcp install
   

   O que o instalador pergunta
   1. a Encontra seus aplicativos Lista os aplicativos de IA encontrados neste computador.
   2. b Você escolhe Selecione quais deseja conectar.
   3. c Cole sua chave Do passo 1. Ele grava as configurações de cada aplicativo para você.
3. 3

   Reinicie seu aplicativo e experimente

   Feche completamente e reabra os aplicativos que você conectou. Depois, peça ao seu agente um design, por exemplo: “Use SketchXFlow para criar uma página de preços para meu aplicativo e depois me entregue o código.” Você está configurado quando seu agente começa a chamar as ferramentas do sketchxflow_….

Opcional

Prefere configurar manualmente?

Ignore isto se o instalador funcionou. Caso contrário, escolha seu aplicativo abaixo e siga seus três passos.

O Claude Code adiciona servidores pelo terminal. Execute isto, substituindo sk_live_… pela sua chave:

$ claude mcp add sketchxflow -s user -e SKETCHXFLOW_API_KEY=sk_live_… -- npx -y @sketchxflow/mcp

Depois, inicie uma nova sessão do Claude Code.

O que você obtém

O que seu agente pode fazer.

Depois de conectado, seu agente recebe estas ferramentas. Um fluxo típico é pedir → projetar → obter o código → editar. Cada design é um projeto normal do SketchXFlow, então você também pode abri-lo na web.

Faz perguntasGrátis

Entrevista você para montar o briefing e depois devolve um prompt de design pronto.

sketchxflow_clarify

Projeta uma página

Um novo projeto, ou uma página consistente com a marca adicionada a um projeto existente.

sketchxflow_design_page

Edita uma seção

Altera uma seção por frase — com bloqueio de marca, para que nada mais saia do lugar.

sketchxflow_edit

Entrega o código

O HTML completo + Tailwind de uma página, para seu agente implementar na sua stack.

sketchxflow_get_code

Verifica um projeto

Status, link de pré-visualização e lista de páginas de um projeto.

sketchxflow_get_project

Lista seus projetos

Tudo na sua conta do SketchXFlow.

sketchxflow_list_projects

Serviços de desenvolvimento — o SketchXFlow cria para você

O mesmo pacote também fala com nossa equipe de desenvolvimento: seu agente conduz a entrevista de requisitos, obtém a proposta de preço fixo e os links para aceitar e pagar. Tudo gratuito para chamar.

Inicia um projeto com nossa equipeGrátis

Abre a entrevista de requisitos com o consultor de IA e retorna a primeira pergunta.

sketchxflow_services_start

Fala com o consultorGrátis

Uma resposta por vez — responda, próxima pergunta com opções e a estimativa ao vivo da tabela de preços pública.

sketchxflow_services_say

Lê os requisitosGrátis

O documento de requisitos como está e se está pronto para finalizar.

sketchxflow_services_requirements

Finaliza e precificaGrátis

Congela os requisitos e retorna o link da proposta. Aceitar e pagar acontecem no site, com login feito.

sketchxflow_services_finalise

Lista suas faturasGrátis

Cada fatura de um projeto com seu status e a página para pagá-la — UPI, cartões, EMI, débito online, transferência bancária.

sketchxflow_services_invoices

Lista seus projetos de serviçoGrátis

Seus projetos de serviços de desenvolvimento e seus links.

sketchxflow_services_projects