Skip to main content
Glama
deenesjakoruzh
rixinhahaha

Snip

by rixinhahaha
OverviewSchemaSourceRelated ServersDiscussionsAdmin
JavaScript
Local

Snip

Claude Code用ビジュアルモード。 Cursor、Windsurf、Cline、およびその他のAIコーディングCLIでも動作します。

Snipをインストールして snip setup を実行すると、AIコーディングエージェントがテキストで説明する代わりに、図やプレビューを描画するようになります。アーキテクチャならシーケンス図、データモデルならER図、UIコンポーネントならレンダリングされたプレビューを表示。すべて視覚的かつ自動的です。

Claudeが描画した内容をレビューし、承認したり、画面上で直接注釈を付けたりできます。間違っている箇所を囲み、矢印を追加し、メモを書き込みます。Claudeはあなたの注釈を確認して反復修正を行います。

仕組み

Snipはメニューバー/システムトレイアプリとして動作し、AIコーディングエージェントが直接呼び出せる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

またはReleasesからDMGをダウンロードしてください（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にアーキテクチャ、データモデル、フローについて尋ねると、テキストで説明する代わりに図を描画します。

Claude Codeの会話で /diagram を試して、議論している内容を可視化してください。

CLIリファレンス

コマンド

説明

snip setup

Claude Code（およびCursor、Windsurf、Cline）のビジュアルモードを有効化

snip render --format mermaid

標準入力からMermaid図をレンダリングし、レビュー用に開く

snip render --format html

標準入力からHTMLをレンダリングし、レビュー用に開く

snip open <path>

画像を開いて注釈付きレビューを行う

snip search <query>

スクリーンショットライブラリを説明文で検索

snip transcribe <path>

OCRを使用して画像からテキストを抽出

snip list

保存されたすべてのスクリーンショットをメタデータ付きで一覧表示

snip get <path>

特定のスクリーンショットのメタデータを取得

snip organize <path>

AIによる分類のためにスクリーンショットをキューに入れる

snip categories

すべてのカテゴリを一覧表示

すべてのレビューコマンド（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 — クイックスニップ（クリップボードに直接キャプチャ）

  • 注釈 — 長方形、矢印、テキスト、タグ、ぼかしブラシ、AIセグメント

  • Esc — クリップボードにコピーして閉じる

  • Cmd+S — ディスクに保存 + バックグラウンドでAIが整理

AIによる整理にはローカルのVision LLM（Ollama経由）を使用し、保存されたすべてのスクリーンショットに名前を付け、分類し、タグ付けします。セマンティック検索により、内容を説明することで任意のスクリーンショットを見つけることができます。

キーボードショートカット

LinuxではCmdをCtrlに置き換えてください。

ショートカット

アクション

Cmd+Shift+2

スクリーンショットを撮影

Cmd+Shift+1

クイックスニップ（選択してクリップボードにコピー）

Cmd+Shift+S

セマンティック検索を開く

Cmd+S

ディスクに保存（エディタ内）

Esc / Enter

クリップボードにコピーして閉じる（エディタ内）

V / C / R / T / A / G / B / S

選択 / 切り抜き / 長方形 / テキスト / 矢印 / タグ / ぼかし / セグメントツール

Cmd+Z

元に戻す（注釈、切り抜き、セグメント切り抜きの順）

開発

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

macOS 14+ または Linux (Wayland)、Node.js 18+ が必要です。

ドキュメント

ドキュメント

内容

docs/PRODUCT.md

ビジョン、機能仕様、用語

docs/DESIGN.md

カラーパレット、コンポーネントパターン、ガラス効果

docs/ARCHITECTURE.md

コード構造、IPCチャネル、データフロー

docs/DEVOPS.md

ビルドパイプライン、署名、ネイティブモジュール

docs/USER_FLOWS.md

ステップバイステップフロー、エッジケース、テストケース

技術スタック

Electron 33 / Fabric.js 7 / Mermaid.js 11 / Ollama (ローカルLLM) / HuggingFace Transformers.js / SlimSAM (ONNX)

すべてのAIはローカルで実行されるため、主要機能にクラウドAPIは不要です。

スポンサー

Snipは無料のオープンソースであり、2人の開発者によって構築されています。ワーク

This server cannot be deployed

Shareable, User-Owned Context BackendPeople, applications, and agents read, write, and coordinate together in one context lake. Reach it over MCP, a CLI, a Python SDK, or REST.fulcradynamics.comAd

Maintenance

ActivityInactive
ResponsivenessWithin a week

Resources

Related MCP Connectors

  • MarigoldOAuth
    io.github.immuneeb

    Comment on AI-generated webpages; feedback flows back to your coding agent. Free, MIT, local-first.

    Developer ToolsBrowser AutomationAI & Machine Learning
    2
  • SnapRenderAOAuth
    com.snap-render.app

    SnapRender gives AI agents eyes on the web through a hosted MCP server. Send a public URL and get the page back as an image, a PDF or clean markdown, with no browser to run or maintain. Capture the viewport or the full page as PNG, JPEG, WebP or PDF, at desktop size or with a phone, tablet or laptop preset, in light or dark mode. Ads and cookie banners are removed by default, and you can hide elements or click one before the capture. extract_content reads the same page as markdown, text, article, links or metadata, so an agent can see a page and read it in one session. Made for monitoring and client work: batch up to 50 URLs in one job, check the cache for free before spending a capture, share signed links that render without an API key, and get webhooks when a batch finishes or a scheduled capture spots a change. Track competitors' pricing and landing pages, or send clients current screenshots of their sites. Connect with OAuth (Google, GitHub or email) or an API key. Works with Claude, ChatGPT, Cursor, VS Code and any MCP client. Free plan: 200 screenshots a month, no credit card. Paid plans from $9 a month for 2,000 up to $199 a month for 200,000. Home: https://snap-render.com Docs: https://snap-render.com/ai-agents

    Browser AutomationImage & Video ProcessingWeb Scraping
    1123
  • GrabbitA
    live.grabbit

    Grabbit gives AI agents eyes on the web through a hosted MCP server. Send a public URL and get a pixel-perfect hosted image back, without maintaining Chromium, Playwright, or a browser fleet. Capture a full page, exact viewport, or single CSS selector as PNG, JPEG, or WebP. Grabbit handles cookie and consent banners, waits for JavaScript-heavy pages, blocks private and internal URLs, supports safe retries with idempotency keys, and delivers async results through signed webhooks. Completed captures include a CDN URL. Connect with OAuth 2.1 or an API key. Grabbit works with Claude, Cursor, Codex, and any MCP client. Live captures cost $0.002 each. The $50 annual plan includes 25,000 prepaid credits that never reset or expire. Free test keys return placeholder images, so you can wire up the integration before paying. Home: https://grabbit.live Docs: https://grabbit.live/screenshot-api Built by BrainGrid.

    Browser AutomationWeb Scraping
    52
  • WavelengthOAuth
    com.wavelengthflow

    Turn calls, notes, and code into process flow diagrams. Send them to Jira, Notion, and more.

    1

Related MCP Servers

  • Screenshot MCP Server

    yushinna
    F
    license
    Not graded
    quality
    D
    maintenance
    A Model Context Protocol server that enables natural language-driven screenshot capture on macOS, allowing users to take full desktop screenshots, capture specific windows, or select custom screen areas through Claude Desktop.
    -

  • PeepIt MCP

    MantisWare
    A
    license
    A
    quality
    D
    maintenance
    Enables AI agents to capture and analyze screenshots of macOS applications, windows, or the entire screen using local (Ollama) or cloud-based AI vision models, with non-intrusive, fast screen capture via Apple's ScreenCaptureKit.
    3
    12 npm
    2
    MIT

  • FreezeText MCP

    juergenkoller-software
    A
    license
    A
    quality
    D
    maintenance
    MCP server for FreezeText — OCR anything on your Mac screen from Claude, Cursor, or any MCP client. Freeze the screen and extract text via Apple Vision (videos, popups, protected PDFs), OCR a region or a base64 image, and manage a searchable capture history. 12 tools. Bridge open-source (MIT), FreezeText app is free.
    12
    1
    MIT