Como usar a API do Mockuuups via MCP?

Este guia fornece instruções técnicas para conectar a API Mockuuups a qualquer ferramenta de IA compatível com o protocolo de contexto de modelo (MCP).

Pré-requisitos

• Você deve ter uma conta de desenvolvedor do Mockuuups.
• Você precisará de sua chave de API exclusiva do Portal do desenvolvedor do Mockuuups.

Pontos finais

Fornecemos dois endpoints para integração com o MCP. Recomendamos usar primeiro o endpoint principal do MCP.

• Ponto final primário do MCP (recomendado)
  • Esse é o ponto de extremidade HTTP moderno e transmissível.
  • URL: https://mcp.mockuuups.studio/mcp
• Ponto de extremidade SSE de fallback (obsoleto)
  • Use esse endpoint somente se a sua ferramenta ainda não for compatível com o endpoint HTTP primário de fluxo contínuo.
  • URL: https://mcp.mockuuups.studio/sse

Instruções de configuração

1. Obtenha sua chave de API:
   • Navegue até o Portal do desenvolvedor do Mockuuups.
   • Inscreva-se para obter uma conta gratuita ou faça login.
   • Copie sua chave de API do painel de controle da sua conta.
2. Conecte-se à sua ferramenta de IA:
   • Nas configurações de sua ferramenta de IA, localize a opção "Connect Apps" (Conectar aplicativos), "Add Integration" (Adicionar integração) ou "Add Tool" (Adicionar ferramenta).
   • Configure a nova ferramenta com os seguintes detalhes:
     • Nome da ferramenta: Mockuuups (ou outro nome memorável)
     • URL do ponto de extremidade MCP: https://mcp.mockuuups.studio/mcp
     • (Se o ponto de extremidade acima falhar, use o fallback: https://mcp.mockuuups.studio/sse )
   • Salvar a configuração da ferramenta
3. Autenticar:
   • Depois de salvar a ferramenta, você será solicitado a fornecer uma chave de API.
   • Cole sua chave de API do Mockuuups no campo para concluir a autenticação.

A conexão agora está ativa.

Exemplos de uso

Agora você pode gerar mockups fornecendo prompts de texto simples à sua ferramenta de IA.

Prompts básicos:

• Para gerar um mockup a partir de um URL:

Faça uma captura de tela do Theverge.com e coloque-a em um mockup do iPhone 16.

• Para gerar um mockup a partir de um URL de imagem:

Pegue esta imagem `[your-public-image-url.png]` e coloque-a em um telefone segurado por uma mulher.

ID específica Mockup :

Você pode especificar um mockup exato usando seu ID, que se encontra na descrição do mockup no site do Mockuuups Studio .

• Para usar um ID mockup específico:

Coloque esse design `[your-public-image-url.png]` no mockup `ZvMSqqPA3wFkHM3Y`.