yasinozmeen/vitrin
vitrin
Claude Code mod。Claude が送った画像、動画、PDF、音声、Web ページ、markdown 文書をターミナルから離れずに右側のパネルへ表示します。
この mod について
Vitrin は Claude Code 向けに開発された mod で、Claude の回答に含まれるメディアファイル(画像、動画、PDF、音声、Web ページ、markdown)を、ターミナルを離れずに右側のライブパネルへ表示します。パネルは見えないブラウザーが描画する Web ページで、フレームは画像としてターミナルへ流れ、クリックとスクロールはページへ送り返されます。/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.
Sohbetyalnızca cevaplarda geçen medyayı,Hepsiaraç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ütFinder'ı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.
ctrlya daoptionile 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.
ctrlya daoptionbasılıykenYolu kopyaladüğmesiDizini 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