Blip MCP Server: Desenhe Alterações na Interface do Usuário para o Código do Claude em Vez de Descrevê-las

✍️ OpenClawRadar📅 Publicado: March 23, 2026🔗 Source
Blip MCP Server: Desenhe Alterações na Interface do Usuário para o Código do Claude em Vez de Descrevê-las
Ad

O que o Blip Resolve

O desenvolvedor criou o Blip para resolver um problema específico de comunicação ao trabalhar com assistentes de programação com IA: o vai e vem de descrever alterações na interface do usuário verbalmente. Exemplos da fonte incluem: "Mova o botão 20px para a esquerda", "Não, o outro botão" e "O espaçamento entre a segunda e a terceira seção". Esse processo frequentemente desperdiça mais tempo do que implementar a correção real.

Como Funciona

O Blip abre sua aplicação em execução com ferramentas de desenho sobrepostas. Você pode:

  • Circular um botão
  • Desenhar uma seta
  • Escrever texto como "adicionar mais espaçamento aqui"

Depois de anotar a captura de tela, você clica em enviar. O Claude Code recebe a imagem anotada e escreve o código correspondente para implementar as alterações que você indicou.

Ad

Detalhes Técnicos

Blip é um servidor MCP (Model Context Protocol) construído especificamente para o Claude Code. Todo o projeto foi desenvolvido usando o Claude Code durante um fim de semana. É gratuito, de código aberto sob a licença MIT e roda totalmente localmente sem coleta de dados.

Instalação

Para instalar:

claude mcp add blip -- npx blip-mcp

Links do Projeto

  • Página de destino: https://blip-chi.vercel.app
  • Repositório GitHub: https://github.com/nebenzu/Blip
  • Exemplo de captura de tela: https://preview.redd.it/lo07xfhfr7qg1.png?width=2878&format=png&auto=webp&s=c8bad2090f27ec4701375aaf671a49369ce416

O desenvolvedor observa que este é seu primeiro projeto de código aberto e que ficará feliz em receber feedback.

📖 Leia a fonte completa: r/ClaudeAI

Ad

👀 See Also