Repolode
Enviar
rixinhahaha

rixinhahaha/snip

App de barra de menús para Electron que permite a agentes de programación con IA mostrar diagramas y vistas previas, y anotarlos y aprobarlos en pantalla.

Alternativa open source a:CleanShot X

Ver en GitHubSitio web
Estrellas
347
Forks
32
Issues abiertos
4
Último commit
hace 6 meses

¿Qué es?

Snip es una capa de revisión visual para agentes de programación con IA. Una vez instalado, un comando como `snip setup` configura Claude Code (y Cursor, Windsurf y Cline) para que la arquitectura, los modelos de datos y los flujos se muestren como diagramas Mermaid o vistas previas HTML en lugar de texto. El usuario revisa el resultado en pantalla y puede aprobarlo o anotarlo con círculos, flechas y notas; después, el agente recibe un JSON estructurado con la decisión y las anotaciones.

Snip también funciona como una herramienta independiente para hacer capturas de pantalla y anotarlas. Los atajos de captura permiten seleccionar una región o ajustar la captura a una ventana; el modo rápido copia la imagen al portapapeles y el editor ofrece herramientas de rectángulo, flecha, texto, desenfoque y segmentación con IA. Un modelo de visión local ejecutado mediante Ollama asigna nombres, categorías y etiquetas a las capturas guardadas, que se pueden encontrar con una búsqueda semántica.

El proyecto incluye una CLI y un servidor MCP para agentes sin acceso al shell. Funciona en macOS 14 o posterior y en Linux con Wayland, y sus funciones principales de IA se ejecutan localmente, sin APIs en la nube.

Funciones clave

  • 01Muestra diagramas Mermaid y vistas previas HTML para agentes de programación con IA
  • 02Permite anotar capturas de pantalla con formas, flechas y texto, y enviar los comentarios al agente
  • 03Configura Claude Code, Cursor, Windsurf y Cline mediante `snip setup`
  • 04Captura de pantalla con selección de región, ajuste a ventana y copia rápida al portapapeles
  • 05Clasificación local con IA y búsqueda semántica de capturas guardadas mediante Ollama
  • 06Incluye un servidor MCP para agentes sin acceso al shell

Casos de uso

  • Revisar los diagramas de arquitectura o los modelos de datos que genera Claude Code antes de aceptarlos
  • Anotar vistas previas de interfaces con comentarios que el agente pueda aplicar en la siguiente iteración
  • Buscar en una gran colección personal de capturas de pantalla describiendo lo que aparecía en pantalla

Inicio rápido

  1. 1

    Instalar en macOS con Homebrew

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

    Configurar Claude Code para usar salida visual

    snip setup

Antes de usarlo

  • Requiere macOS 14 o posterior, o Linux (Wayland), por lo que Windows no es compatible.
  • En el README, las compilaciones para macOS solo están disponibles como DMG para Apple Silicon. Para Linux hay versiones AppImage o deb.
  • La organización mediante IA requiere tener instalado localmente un modelo de visión de Ollama (opcional).

Temas

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

Preguntas frecuentes

¿Qué es snip?
App de barra de menús para Electron que permite a agentes de programación con IA mostrar diagramas y vistas previas, y anotarlos y aprobarlos en pantalla. Snip es una capa de revisión visual para agentes de programación con IA. Una vez instalado, un comando como `snip setup` configura Claude Code (y Cursor, Windsurf y Cline) para que la arquitectura, los modelos de datos y los flujos se muestren como diagramas Mermaid o vistas previas HTML en lugar de texto. El usuario revisa el resultado en pantalla y puede aprobarlo o anotarlo con círculos, flechas y notas; después, el agente recibe un JSON estructurado con la decisión y las anotaciones.
¿snip es gratuito? ¿Qué licencia tiene?
snip es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿snip sigue mantenido?
Actualizado en los últimos 6 meses. El último commit de snip fue el 7 may 2026.
¿Para qué puedo usar snip?
Revisar los diagramas de arquitectura o los modelos de datos que genera Claude Code antes de aceptarlos Anotar vistas previas de interfaces con comentarios que el agente pueda aplicar en la siguiente iteración Buscar en una gran colección personal de capturas de pantalla describiendo lo que aparecía en pantalla
¿Cómo se instala snip?
Instalar en macOS con Homebrew: brew install --cask rixinhahaha/snip/snip Configurar Claude Code para usar salida visual: snip setup
¿Dónde consigo snip?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/rixinhahaha/snip

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados