Навык для Claude и coding-агентов, который превращает короткую JSON-спецификацию в анимированные интерактивные диаграммы с экспортом в SVG, PNG, GIF или MP4.
rixinhahaha/snip
Приложение для строки меню на Electron: AI-агенты для программирования могут показывать диаграммы и превью, а вы — аннотировать и утверждать их прямо на экране.
Open source альтернатива:CleanShot X
- Звёзды
- 347
- Форки
- 32
- Открытые issues
- 4
- Последний коммит
- 6 месяцев назад
Что это?
Snip — инструмент для визуальной проверки результатов работы AI-агентов для программирования. После установки команда вроде `snip setup` настраивает Claude Code (а также Cursor, Windsurf и Cline), чтобы вместо текста показывать архитектуру, модели данных и схемы процессов в виде диаграмм Mermaid или HTML-превью. Вы проверяете результат на экране и либо утверждаете его, либо добавляете пометки — круги, стрелки и заметки. Агент получает структурированный JSON с решением и аннотациями.
Snip также можно использовать как самостоятельный инструмент для создания скриншотов и добавления к ним пометок. Сочетания клавиш позволяют выбрать область или захватить окно; в быстром режиме скриншот копируется в буфер обмена. В редакторе есть инструменты для прямоугольников, стрелок, текста, размытия и AI-сегментации. Локальная vision-модель, запущенная через Ollama, присваивает сохранённым скриншотам названия, категории и теги; найти их можно с помощью семантического поиска.
В проект входят CLI и MCP-сервер для агентов без доступа к shell. Snip работает на macOS 14+ и Linux с Wayland, а его основные AI-функции выполняются локально, без облачных API.
Ключевые возможности
- 01Показывает диаграммы Mermaid и HTML-превью для AI-агентов для программирования
- 02Позволяет добавлять к скриншотам фигуры, стрелки и текст, а затем отправлять обратную связь агенту
- 03Настраивает Claude Code, Cursor, Windsurf и Cline с помощью `snip setup`
- 04Позволяет делать скриншоты, выбирая область или захватывая окно, а также быстро копировать их в буфер обмена
- 05Локально классифицирует сохранённые скриншоты с помощью Ollama и поддерживает семантический поиск по ним
- 06Включает MCP-сервер для агентов без доступа к shell
Сценарии использования
- Проверять диаграммы архитектуры или модели данных, созданные Claude Code, прежде чем принимать их
- Добавлять пометки к превью интерфейса, чтобы агент учёл обратную связь в следующей итерации
- Искать нужный скриншот в большой личной библиотеке по описанию того, что было на экране
Быстрый старт
- 1
Установить на macOS с помощью Homebrew
brew install --cask rixinhahaha/snip/snip - 2
Настроить Claude Code для использования визуального вывода
snip setup
Что важно знать
- Требуется macOS 14 или новее либо Linux (Wayland), поэтому Windows не поддерживается.
- В README сборки для macOS доступны только в виде DMG для Apple Silicon. Для Linux доступны AppImage или deb.
- Для сортировки с помощью ИИ необходимо локально установить vision-модель Ollama (необязательно).
Темы
Частые вопросы
- Что такое snip?
- Приложение для строки меню на Electron: AI-агенты для программирования могут показывать диаграммы и превью, а вы — аннотировать и утверждать их прямо на экране. Snip — инструмент для визуальной проверки результатов работы AI-агентов для программирования. После установки команда вроде `snip setup` настраивает Claude Code (а также Cursor, Windsurf и Cline), чтобы вместо текста показывать архитектуру, модели данных и схемы процессов в виде диаграмм Mermaid или HTML-превью. Вы проверяете результат на экране и либо утверждаете его, либо добавляете пометки — круги, стрелки и заметки. Агент получает структурированный JSON с решением и аннотациями.
- snip можно использовать бесплатно? Какая у него лицензия?
- snip распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- snip всё ещё поддерживается?
- Обновлялся за последние 6 месяцев. Последний коммит в snip — 7 мая 2026 г..
- Для чего можно использовать snip?
- Проверять диаграммы архитектуры или модели данных, созданные Claude Code, прежде чем принимать их Добавлять пометки к превью интерфейса, чтобы агент учёл обратную связь в следующей итерации Искать нужный скриншот в большой личной библиотеке по описанию того, что было на экране
- Как установить snip?
- Установить на macOS с помощью Homebrew: brew install --cask rixinhahaha/snip/snip Настроить Claude Code для использования визуального вывода: snip setup
- Где скачать snip?
- Исходный код и инструкции по установке — на GitHub: https://github.com/rixinhahaha/snip
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Настольное приложение для поиска, установки и управления навыками AI-агентов в 20+ инструментах для разработки через единый интерфейс.
Нативное macOS-приложение для просмотра, редактирования и организации skills и agents для Claude Code, Cursor, Codex, Windsurf и Amp.
Фреймворк навыков и методология разработки ПО, которые помогают coding-агентам проходить этапы от обсуждения идеи и планирования до TDD и реализации с проверкой субагентами.
Постоянная память для ИИ-агентов, пишущих код: сохраняет действия в сессиях, сжимает их с помощью ИИ и добавляет релевантный контекст в новые сессии.
Навык для AI-агентов, который превращает идеи, планы и кодовые базы в интерактивные HTML-диаграммы для Claude Code, Codex, Cursor и OpenCode.