Repolode
投稿する
rixinhahaha

rixinhahaha/snip

AIコーディングエージェントが図やプレビューを表示し、画面上で注釈や承認を行えるElectronメニューバーアプリ。

代替できる製品:CleanShot X

GitHub で見る公式サイト
スター
347
フォーク
32
未解決の Issue
4
最終コミット
6 か月前

これは何？

Snipは、AIコーディングエージェント向けのビジュアルレビュー機能です。インストール後、`snip setup`などのコマンドでClaude Code（およびCursor、Windsurf、Cline）を設定すると、アーキテクチャやデータモデル、フローがテキストではなくMermaid図やHTMLプレビューとして表示されます。ユーザーは画面上で出力を確認し、承認するか、丸や矢印、メモを書き加えて注釈を付けます。エージェントには、判断内容と注釈を含む構造化JSONが返されます。

Snipは、単体のスクリーンショット撮影・注釈ツールとしても使えます。撮影ショートカットでは範囲選択やウィンドウのスナップに対応し、クイックモードではクリップボードにコピーできます。エディターには、四角形、矢印、テキスト、ぼかし、AIセグメンテーションの各ツールが用意されています。保存したスクリーンショットには、Ollama経由で実行するローカルのビジョンモデルが名前、カテゴリ、タグを付け、セマンティック検索で見つけられます。

このプロジェクトはCLIに加え、シェルにアクセスできないエージェント向けのMCPサーバーも提供します。macOS 14以降とWayland環境のLinuxで動作し、主要なAI機能はクラウドAPIを使わずローカルで実行されます。

主な機能

  • 01AIコーディングエージェント向けにMermaid図やHTMLプレビューを表示
  • 02スクリーンショットに図形、矢印、テキストで注釈を付け、フィードバックをエージェントに返す
  • 03`snip setup`でClaude Code、Cursor、Windsurf、Clineを設定
  • 04範囲選択、ウィンドウのスナップ、クリップボードへのクイックコピーに対応したスクリーンショット撮影
  • 05Ollamaを使った、保存済みスクリーンショットのローカルAI分類とセマンティック検索
  • 06シェルにアクセスできないエージェント向けのMCPサーバーを同梱

ユースケース

  • Claude Codeが生成したアーキテクチャ図やデータモデルを、承認する前に確認する
  • UIプレビューにフィードバックを書き込み、次の反復でエージェントに反映させる
  • 画面に何が表示されていたかを説明して、大量の個人用スクリーンショットから目的の画像を探す

クイックスタート

  1. 1

    Homebrew で macOS にインストールする

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

    視覚的な出力を使うよう Claude Code を設定する

    snip setup

使う前に知っておきたいこと

  • macOS 14 以降または Linux（Wayland）が必要なため、Windows はサポートされていません。
  • README に記載されている macOS ビルドは Apple Silicon 向けの DMG のみです。Linux 版は AppImage または deb で利用できます。
  • AI による整理機能を使うには、ローカルに Ollama の vision model をインストールする必要があります（任意）。

トピック

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

よくある質問

snip とは？
AIコーディングエージェントが図やプレビューを表示し、画面上で注釈や承認を行えるElectronメニューバーアプリ。 Snipは、AIコーディングエージェント向けのビジュアルレビュー機能です。インストール後、`snip setup`などのコマンドでClaude Code（およびCursor、Windsurf、Cline）を設定すると、アーキテクチャやデータモデル、フローがテキストではなくMermaid図やHTMLプレビューとして表示されます。ユーザーは画面上で出力を確認し、承認するか、丸や矢印、メモを書き加えて注釈を付けます。エージェントには、判断内容と注釈を含む構造化JSONが返されます。
snip は無料で使えますか？ライセンスは？
snip は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
snip は今もメンテナンスされていますか？
半年以内に更新あり。snip の最終コミットは 2026年5月7日 です。
snip は何に使えますか？
Claude Codeが生成したアーキテクチャ図やデータモデルを、承認する前に確認する UIプレビューにフィードバックを書き込み、次の反復でエージェントに反映させる 画面に何が表示されていたかを説明して、大量の個人用スクリーンショットから目的の画像を探す
snip のインストール方法は？
Homebrew で macOS にインストールする: brew install --cask rixinhahaha/snip/snip 視覚的な出力を使うよう Claude Code を設定する: snip setup
snip はどこで入手できますか？
ソースコードとインストール手順は GitHub にあります：https://github.com/rixinhahaha/snip

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト