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

Pacote de Habilidades de Desenvolvimento de Extensão Chrome de Código Aberto Lançado
Tools

Pacote de Habilidades de Desenvolvimento de Extensão Chrome de Código Aberto Lançado

O desenvolvedor quangpl condensou quatro anos de experiência em desenvolvimento de extensões do Chrome em oito habilidades de agente de IA, abrangendo scaffolding com WXT, geração de manifestos, auditoria de segurança, testes, geração de assets, publicação e migração de MV2 para MV3.

OpenClawRadar
Claude-Code v2.1.76 adiciona elicitação MCP, otimizações de worktree e inúmeras correções
Tools

Claude-Code v2.1.76 adiciona elicitação MCP, otimizações de worktree e inúmeras correções

Claude-Code v2.1.76 introduz suporte à elicitação MCP para entrada estruturada durante tarefas, adiciona worktree.sparsePaths para eficiência em monorrepositórios e corrige mais de 20 problemas, incluindo perda de esquema de ferramentas adiadas, problemas com comandos de barra e estabilidade de sessões de Controle Remoto.

OpenClawRadar
Atualização do Void-Box Adiciona Integração Sandboxed do OpenClaw-Telegram via Micro-VMs KVM
Tools

Atualização do Void-Box Adiciona Integração Sandboxed do OpenClaw-Telegram via Micro-VMs KVM

Void-Box, um runtime com capacidades limitadas para agentes de IA, agora inclui um exemplo funcional que executa o OpenClaw conectado ao Telegram totalmente isolado dentro de micro-VMs KVM isoladas. O sistema cria micro-VMs sob demanda para cada etapa de execução e as destrói depois para evitar vazamento de estado.

OpenClawRadar
Redutor de Tokens: Um Plugin de Código Claude para Compressão Inteligente de Contexto
Tools

Redutor de Tokens: Um Plugin de Código Claude para Compressão Inteligente de Contexto

Token Reducer é um plugin do Claude Code que processa o contexto do repositório localmente para reduzir o uso de tokens em 90-98% usando segmentação baseada em AST, recuperação híbrida e compressão TextRank. É licenciado sob MIT e disponível através do marketplace de plugins.

OpenClawRadar