Conectar ao servidor MCP do LitePic Beta

MCP (Model Context Protocol) é um protocolo aberto criado pela Anthropic que permite assistentes de IA — como Claude, Cursor e ChatGPT — se conectarem a fontes de dados e ferramentas externas de forma padronizada.

Pense no MCP como um "USB-C para IA": antes dele, cada integração entre um assistente e uma ferramenta exigia uma API customizada e complexa. Com o MCP, o assistente descobre automaticamente quais ferramentas estão disponíveis e como usá-las, sem que o desenvolvedor precise criar conectores específicos para cada plataforma.

O Claude Desktop se comunica com servidores MCP pelo transporte stdio (via terminal), enquanto o LitePic responde em HTTP. A forma mais simples de ligar os dois é usar o utilitário mcp-remote, que atua como uma "ponte" e não exige código.

1. Instale o Node.js (versão 18 ou superior). O mcp-remote roda via npx, que vem junto com o Node. Baixe em nodejs.org .
2. Abra o Claude Desktop e vá em Settings → Developer. Clique em Edit Config. Isso abre o arquivo claude_desktop_config.json no seu editor padrão.
   macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
   Windows: %APPDATA%\Claude\claude_desktop_config.json
3. Cole a configuração abaixo dentro do arquivo. Se já existir um bloco mcpServers, apenas adicione a entrada litepic junto às demais:

   {
     "mcpServers": {
       "litepic": {
         "command": "npx",
         "args": ["-y", "mcp-remote", "https://litepic.app/mcp"]
       }
     }
   }

4. Salve o arquivo e reinicie o Claude Desktop (feche completamente pelo menu, não apenas a janela).
5. Verifique a conexão. Ao abrir um novo chat, um ícone de ferramentas 🔧 aparece na parte inferior direita da caixa de mensagem. Clique nele e confirme que list_guides e recommend_compression_settings estão listadas.
6. Teste com uma pergunta: "Use o LitePic e me diga a melhor configuração para comprimir uma foto de produto de e-commerce." O Claude pedirá permissão para chamar a ferramenta — clique em Allow.

O Cursor tem suporte nativo a MCP e aceita servidores HTTP diretamente — sem precisar de ponte. A configuração leva menos de um minuto.

1. Abra o Cursor e acesse as configurações:
   macOS: ⌘ + ,  · Windows/Linux: Ctrl + ,
2. Na barra lateral, procure por MCP ou MCP Servers (dependendo da versão pode estar em Features → MCP Servers).
3. Clique em + Add new MCP server. Preencha os campos:
   • Name: litepic
   • Type: HTTP (ou Streamable HTTP)
   • Server URL: https://litepic.app/mcp
4. Clique em Save. O servidor aparece na lista com um indicador verde 🟢 quando conectado.
5. Abra o painel de chat do Cursor (⌘ + L / Ctrl + L) e digite algo como: "Liste os guias do LitePic sobre PNG". O Cursor vai propor executar list_guides — aceite para ver o resultado.

O ChatGPT suporta MCP através de Connectors em GPTs personalizados (requer plano Plus, Pro, Business, Enterprise ou Edu). Você cria um GPT dedicado ao LitePic e conecta o servidor uma única vez.

1. Acesse chatgpt.com/gpts/editor e clique em Create.
2. Na aba Configure, dê um nome (ex.: "LitePic Helper") e uma descrição curta. Em Instructions, oriente o modelo — por exemplo: "Use as ferramentas do LitePic para responder dúvidas sobre compressão e otimização de imagens."
3. Clique na aba Connectors (topo da tela). Ative o toggle MCP Servers.
4. No campo MCP server URL, cole: https://litepic.app/mcp. Clique em Add. O status muda para Connected em alguns segundos.
5. Clique em Save (canto superior direito) e escolha a visibilidade (privado para você, apenas com link, ou público na GPT Store).
6. Abra seu novo GPT pela sidebar e faça uma pergunta como: "Recomende configurações para comprimir imagens de blog." O ChatGPT vai chamar recommend_compression_settings e mostrar a resposta direta do LitePic.