Snip

Визуальный режим для Claude Code. Также работает с Cursor, Windsurf, Cline и любым CLI для ИИ-программирования.

Установите Snip, выполните snip setup, и ваш ИИ-агент начнет отрисовывать диаграммы и превью вместо того, чтобы описывать их текстом. Архитектура? Диаграмма последовательности. Модель данных? ER-диаграмма. UI-компонент? Отрисованный превью. Все визуально, все автоматически.

Вы проверяете то, что отрисовал Claude — утверждаете это или добавляете аннотации прямо на экране. Обведите то, что не так, добавьте стрелку, напишите заметку. Claude увидит ваши аннотации и внесет правки.

Как это работает

Snip работает как приложение в строке меню / системном трее с CLI, который может напрямую вызывать любой ИИ-агент:

# Claude writes a Mermaid diagram to a file, then renders it for your review
snip render --format mermaid < architecture.mmd

# Claude renders an HTML component preview
snip render --format html < preview.html

# Open any image for annotated review
snip open screenshot.png --message "Is the layout correct?"

# Search your screenshot library
snip search "login page error"

Агент получает обратно структурированный JSON: { status: "approved" | "changes_requested", edited, path, text }. Вы можете добавлять пространственные аннотации, вводить текстовые отзывы или просто утвердить результат.

Создано для Claude Code. Также работает с Cursor, Windsurf, Cline и всем, что может выполнять команды оболочки. Поставляется с MCP-сервером для агентов без доступа к оболочке.

Related MCP server: Screenshot MCP Server

Установка

macOS (Homebrew)

brew install --cask rixinhahaha/snip/snip

Или скачайте DMG из Releases (для Apple Silicon).

Linux

Скачайте из Releases:

• AppImage (портативная версия, любой дистрибутив) — Snip-x.y.z-x86_64.AppImage

• deb (Ubuntu/Debian) — Snip-x.y.z-amd64.deb

Использование с Claude Code

snip setup

Это всё. snip setup автоматически настраивает Claude Code на использование визуального вывода — правила, навык /diagram и разрешения. В следующий раз, когда вы спросите Claude об архитектуре, моделях данных или потоках, он отрисует диаграмму вместо описания текстом.

Попробуйте /diagram в любом диалоге с Claude Code, чтобы визуализировать то, что вы обсуждаете.

Справочник CLI

Все команды проверки (render, open) блокируют выполнение до завершения действий пользователя и возвращают структурированный JSON.

MCP-сервер

Для агентов без доступа к оболочке (Claude Desktop, облачные среды) Snip также предоставляет MCP-сервер:

{
  "mcpServers": {
    "snip": {
      "command": "node",
      "args": ["/path/to/snip/src/mcp/server.js"]
    }
  }
}

MCP-сервер предоставляет те же возможности: render_diagram, open_in_snip, search_screenshots, list_screenshots, get_screenshot, transcribe_screenshot, organize_screenshot, get_categories, install_extension.

Также инструмент для скриншотов

Snip — это полноценное приложение для создания скриншотов и аннотаций:

• Cmd+Shift+2 (macOS) / Ctrl+Shift+2 (Linux) — Захват области или окна

• Cmd+Shift+1 / Ctrl+Shift+1 — Быстрый Snip (захват сразу в буфер обмена)

• Аннотации — Прямоугольник, стрелка, текст, тег, кисть размытия, ИИ-сегментация

• Esc — Скопировать в буфер обмена и закрыть

• Cmd+S — Сохранить на диск + ИИ-организация в фоновом режиме

ИИ-организация использует локальную vision-модель (через Ollama) для именования, категоризации и тегирования каждого сохраненного скриншота. Семантический поиск позволяет найти любой скриншот по описанию того, что на нем было.

Основные сочетания клавиш

В Linux замените Cmd на Ctrl.

Разработка

npm install
npm run rebuild   # compile native modules (macOS)
npm start         # launch (tray icon appears)

Требуется macOS 14+ или Linux (Wayland), Node.js 18+.

Документация

Технологический стек

Electron 33 / Fabric.js 7 / Mermaid.js 11 / Ollama (локальная LLM) / HuggingFace Transformers.js / SlimSAM (ONNX)

Весь ИИ работает локально — для основных функций не требуются облачные API.

Спонсорство

Snip — это бесплатный проект с открытым исходным кодом, созданный двумя разработчиками. Если он полезен для вашего рабочего процесса, рассмотрите возможность спонсирования проекта.

Спонсорская поддержка помогает покрыть:

• Apple Developer Program — требуется для подписи кода и нотариального заверения, чтобы macOS не блокировала приложение

• Расходы на CI/CD — автоматизированные сборки, тестирование и конвейеры выпуска для macOS и Linux

• Дальнейшую разработку — новые инструменты аннотирования, улучшенная ИИ-интеграция, улучшения для Linux и исправление ошибок

Каждый вклад помогает поддерживать и улучшать Snip. Спасибо!

Лицензия

MIT