ClaudeMods
☰
KO
● 0 명 접속 중 · 조회 0 회
후원프로젝트 제출
GitHub 저장소 · 작성자 yasinozmeen

vitrin

Claude Code mod입니다. Claude가 보낸 이미지, 동영상, PDF, 오디오, 웹 페이지, markdown 문서를 터미널을 떠나지 않고 오른쪽 패널에 표시합니다.

번역 완료

이 mod 소개

Vitrin은 Claude Code용으로 개발된 mod로, Claude의 답변에 포함된 미디어 파일(이미지, 동영상, PDF, 오디오, 웹 페이지, markdown)을 터미널을 나가지 않고 오른쪽 라이브 패널에 보여 줍니다. 패널은 보이지 않는 브라우저가 그리는 웹 페이지이며, 프레임은 이미지로 터미널에 흘려 보내고 클릭과 스크롤은 페이지로 다시 전달합니다. /vitrin 명령으로 패널을 열고 파일을 추가하고 필터를 바꾸고 패널을 닫습니다. 설치에는 macOS, Ghostty 또는 kitty, Claude Code 2.1.287+, Node 22+, Chrome/Brave, ffmpeg, Xcode 명령줄 도구가 필요합니다. MIT 라이선스이며 현재 버전은 claude-code-mods 저장소에서 개발되고 있습니다.

설치

먼저 작성자의 README에서 marketplace와 플러그인 이름을 확인하세요. 저장소 구조에 따라 명령어가 달라질 수 있습니다.

claude plugin marketplace add yasinozmeen/vitrin
claude plugin install vitrin
원문 / README

Vitrin

Bu depo taşındı. Vitrin artık claude-code-mods deposunda geliştiriliyor; güncel sürüm ve kurulum orada. Bu depo güncellenmiyor.

Claude Code modu. Claude'un gönderdiği resim, video, PDF, ses, web sayfası ve markdown belgelerini terminalden çıkmadan sağdaki panelde gösterir.

https://github.com/user-attachments/assets/5ca8d5c2-73b8-4fbf-bb05-477b76b44e5b

Panel canlı bir web sayfasıdır: görünmeyen bir tarayıcı sayfayı çizer, her kare terminale resim olarak akıtılır, tıklama ve kaydırma sayfaya geri iletilir. Bu sayede kaydırma akıcıdır ve video panelin içinde sesli oynar.

Kullanım

  • Claude bir medya dosyasının yolunu cevabına yazınca panel kendiliğinden açılır.
  • Cevaptaki yola tıklamak paneli o dosyada açar.
  • Sohbet yalnızca cevaplarda geçen medyayı, Hepsi araçların ürettiklerini de gösterir.
  • Küçük resmin köşesindeki çarpı o dosyayı listeden çıkarır, üst çubuktaki çöp kutusu listeyi boşaltır; dosyalar diskte kalır.
  • Uzun bir markdown belgesi kendi penceresinde kaydırılır; seçilen yazı fare bırakılınca panoya kopyalanır.
  • Büyüt Finder'ın boşluk tuşu önizlemesini, Aç varsayılan uygulamayı açar.
  • Panele bir kez tıkladıktan sonra ok tuşları medyalar arasında gezdirir, boşluk ya da Enter seçili medyayı büyütür.
  • ctrl ya da option ile ikinci bir medyaya tıklamak ikisini karşılaştırır. Aynı biçimdeki iki resim (önce/sonra) üst üste gelir ve ayırıcı sürüklenir; diğerleri yan yana durur. İki resimde düğmeyle ikisi arasında geçilir.
  • Sürükleme sayfaya iletilir: videonun ilerleme çubuğu kaydırılabilir.
  • Sayfa hareket ederken (kaydırma, sürükleme, oynayan video) kareler yarı çözünürlükte gönderilir; durunca netleşir.
  • ctrl ya da option basılıyken Yolu kopyala düğmesi Dizini aç olur: dosyayı Finder'da gösterir.

| Komut | Ne yapar | | --- | --- | | /vitrin | Paneli açar | | /vitrin <dosya> | Dosyayı ekler ve gösterir | | /vitrin hepsi / /vitrin sohbet | Süzgeci değiştirir | | /vitrin temizle | Listeyi boşaltır | | /vitrin kapat | Paneli ve arkadaki tarayıcıyı kapatır | | /vitrin oran 0.47 | Sayfanın en-boy oranını terminal yazı tipine göre düzeltir |

Kurulum

Gerekenler: macOS, Ghostty ya da kitty (resim çizebilen bir terminal; tmux içinde çalışmaz), Claude Code 2.1.287+, Node 22+, Chrome ya da Brave, ffmpeg, Xcode komut satırı araçları (swiftc).

git clone https://github.com/yasinozmeen/vitrin.git ~/vitrin
cd ~/vitrin
swiftc -O bin/onizle.swift -o bin/onizle

Ardından ~/.claude/settings.json içindeki env bölümüne klasörün tam yolunu ekle:

"CLAUDE_CODE_PLUGIN_DIRS": "/Users/<kullanıcı adın>/vitrin"

Yeni bir Claude Code oturumu aç ve /vitrin yaz.

Claude Code'un mod (function hooks) arayüzü erken erişimde; sürümler arasında değişebilir.

Geliştirme

claude plugin validate .
claude plugin test .

| Dosya | İçerik | | --- | --- | | hooks/register.tsx | Modun kendisi: medyayı yakalar, köprüyü çalıştırır, paneli çizer | | hooks/paths.ts | Metinden dosya yolu çıkarma ve yolu bağlantıya çevirme | | hooks/hit.tsx | Paneldeki tıklamaları duyan bölge | | bin/bridge.mjs | Görünmeyen tarayıcıyı yöneten köprü | | bin/page.html | Panelde görünen sayfa | | bin/onizle.swift | Büyüt için Finder önizlemesi |

İlk commit, panelin yalnızca terminal öğeleriyle çizilen ilk sürümüdür.

Lisans

MIT

비슷한 프로젝트