짧은 JSON 사양을 애니메이션과 탐색이 가능한 다이어그램으로 만들고 SVG, PNG, GIF 또는 MP4로 내보내는 Claude 및 코딩 에이전트용 스킬입니다.
rixinhahaha/snip
AI 코딩 에이전트가 다이어그램과 미리보기를 렌더링하고, 화면에서 주석을 달아 승인할 수 있는 Electron 메뉴 막대 앱입니다.
대체할 수 있는 제품:CleanShot X
- 스타
- 347
- 포크
- 32
- 열린 이슈
- 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
Homebrew로 macOS에 설치하기
brew install --cask rixinhahaha/snip/snip - 2
시각적 출력을 사용하도록 Claude Code 구성하기
snip setup
사용 전 알아둘 점
- macOS 14 이상 또는 Linux(Wayland)가 필요하므로 Windows는 지원되지 않습니다.
- README에 안내된 macOS 빌드는 Apple Silicon용 DMG뿐입니다. Linux에서는 AppImage 또는 deb를 사용할 수 있습니다.
- AI 정리 기능을 사용하려면 로컬에 Ollama vision model을 설치해야 합니다(선택 사항).
토픽
자주 묻는 질문
- snip은(는) 무엇인가요?
- AI 코딩 에이전트가 다이어그램과 미리보기를 렌더링하고, 화면에서 주석을 달아 승인할 수 있는 Electron 메뉴 막대 앱입니다. Snip은 AI 코딩 에이전트를 위한 시각적 검토 도구입니다. 설치한 뒤 `snip setup` 같은 명령어로 Claude Code(및 Cursor, Windsurf, Cline)를 설정하면, 아키텍처와 데이터 모델, 흐름이 텍스트 대신 Mermaid 다이어그램이나 HTML 미리보기로 표시됩니다. 사용자는 화면에서 결과를 검토하고 승인하거나 원, 화살표, 메모로 주석을 달 수 있으며, 에이전트는 결정과 주석이 담긴 구조화된 JSON을 받습니다.
- snip은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- snip은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- snip은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. 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 통계는 매일 갱신됩니다.
관련 프로젝트
하나의 인터페이스에서 20개 이상의 코딩 에이전트용 AI 에이전트 스킬을 탐색·설치·관리하는 데스크톱 앱
AI 코딩 에이전트의 계획과 코드 변경 사항을 브라우저에서 검토하고 피드백을 전달하는 로컬 도구입니다.
Claude Code, Cursor, Codex, Windsurf, Amp의 AI 코딩 에이전트 스킬과 에이전트를 관리하는 macOS 앱
코딩 에이전트의 브레인스토밍, 계획, TDD, 검토 기반 서브에이전트 구현을 안내하는 스킬 프레임워크이자 개발 방법론입니다.
코딩 에이전트의 세션 활동을 기록하고 AI로 압축한 뒤, 이후 세션에 관련 컨텍스트를 제공하는 지속성 메모리입니다.