Repolode
Enviar
rixinhahaha

rixinhahaha/snip

App de menu bar para Electron que permite a agentes de programação com IA renderizar diagramas e prévias, além de anotá-los e aprová-los na tela.

Alternativa open source a:CleanShot X

Ver no GitHubSite
Estrelas
347
Forks
32
Issues abertas
4
Último commit
há 6 meses

O que é?

Snip é uma camada de revisão visual para agentes de programação com IA. Depois de instalado, um comando como `snip setup` configura o Claude Code (e o Cursor, Windsurf e Cline) para renderizar arquiteturas, modelos de dados e fluxos como diagramas Mermaid ou prévias em HTML, em vez de texto. O usuário revisa o resultado na tela e pode aprová-lo ou fazer anotações com círculos, setas e notas. O agente recebe um JSON estruturado com a decisão e as anotações.

Snip também funciona como uma ferramenta independente para capturar e anotar screenshots. Os atalhos de captura permitem selecionar uma região ou ajustar a captura à janela; o modo rápido copia a imagem para a área de transferência, e o editor oferece ferramentas de retângulo, seta, texto, desfoque e segmentação por IA. Um modelo local de visão executado pelo Ollama dá nomes, categorias e tags às capturas salvas, que podem ser encontradas com busca semântica.

O projeto é uma CLI e também inclui um servidor MCP para agentes sem acesso ao shell. Ele funciona no macOS 14+ e no Linux com Wayland, e os principais recursos de IA são executados localmente, sem APIs na nuvem.

Recursos principais

  • 01Renderiza diagramas Mermaid e prévias em HTML para agentes de programação com IA
  • 02Permite anotar screenshots com formas, setas e texto e enviar o feedback de volta ao agente
  • 03Configura Claude Code, Cursor, Windsurf e Cline usando `snip setup`
  • 04Captura screenshots com seleção de região, ajuste à janela e cópia rápida para a área de transferência
  • 05Categoriza screenshots salvos localmente com IA e permite fazer busca semântica por meio do Ollama
  • 06Inclui um servidor MCP para agentes sem acesso ao shell

Casos de uso

  • Revisar diagramas de arquitetura ou modelos de dados gerados pelo Claude Code antes de aceitá-los
  • Anotar prévias de interface com feedback que o agente pode aplicar na próxima iteração
  • Pesquisar uma grande coleção pessoal de screenshots descrevendo o que aparecia na tela

Início rápido

  1. 1

    Instalar no macOS com Homebrew

    brew install --cask rixinhahaha/snip/snip
  2. 2

    Configurar o Claude Code para usar saída visual

    snip setup

Antes de usar

  • Requer macOS 14 ou superior ou Linux (Wayland), portanto o Windows não é compatível.
  • No README, as versões para macOS estão disponíveis somente como DMG para Apple Silicon. Para Linux, há versões AppImage ou deb.
  • A organização com IA requer a instalação local de um modelo de visão do Ollama (opcional).

Tópicos

#ai-agents#claude-code#diagrams#mermaid#screenshot#annotation#ollama#electron#ai#annotations

Perguntas frequentes

O que é snip?
App de menu bar para Electron que permite a agentes de programação com IA renderizar diagramas e prévias, além de anotá-los e aprová-los na tela. Snip é uma camada de revisão visual para agentes de programação com IA. Depois de instalado, um comando como `snip setup` configura o Claude Code (e o Cursor, Windsurf e Cline) para renderizar arquiteturas, modelos de dados e fluxos como diagramas Mermaid ou prévias em HTML, em vez de texto. O usuário revisa o resultado na tela e pode aprová-lo ou fazer anotações com círculos, setas e notas. O agente recebe um JSON estruturado com a decisão e as anotações.
snip é gratuito? Qual é a licença?
snip é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
snip ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de snip foi em 7 de mai. de 2026.
Para que posso usar snip?
Revisar diagramas de arquitetura ou modelos de dados gerados pelo Claude Code antes de aceitá-los Anotar prévias de interface com feedback que o agente pode aplicar na próxima iteração Pesquisar uma grande coleção pessoal de screenshots descrevendo o que aparecia na tela
Como instalar snip?
Instalar no macOS com Homebrew: brew install --cask rixinhahaha/snip/snip Configurar o Claude Code para usar saída visual: snip setup
Onde consigo snip?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/rixinhahaha/snip

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados