file-tree-art は何をしますか?
ファイルエクスプローラの中でGIFを再生 — 画像やGIFを点字アートとしてレンダリングし、ファイル名でファイルツリーに絵を描き(そしてアニメーションさせ)ます。Claudeスキルとしても利用可能: /tree-art
概要
このスキルは、静止画像やアニメーションGIFを、点字(Braille)文字を使って表現されるアートに変換します。変換結果は、ファイルやディレクトリの名前としてエンコードされ、ファイルエクスプローラやコードエディタのファイルツリー上で視覚的に表示されます。
使い方
Claude Code環境では、スキル /tree-art として直接利用できます。
/tree-art path/to/image.gif
または、画像のURLを指定することもできます:
/tree-art https://example.com/animation.gif
出力例
生成されるファイルツリーは、以下のような構造になります(点字パターンがディレクトリ名に使用されます):
project/
├── ⠠⠊⠄⠂⠁⠂⠃⠂⠄⠅⠆⠇⠈⠉⠊⠋⠌⠍⠎⠏⠐⠑⠒⠓⠔⠕⠖⠗⠘⠙⠚⠛⠜⠝⠞⠟⠠⠡⠢⠣⠤⠥⠦⠧⠨⠩⠪⠫⠬⠭⠮⠯⠰⠱⠲⠳⠴⠵⠶⠷⠸⠹⠺⠻⠼⠽⠾⠿/
│ └── frame_001.txt
├── ⠋⠌⠍⠎⠏⠐⠑⠒⠓⠔⠕⠖⠗⠘⠙⠚⠛⠜⠝⠞⠟⠠⠡⠢⠣⠤⠥⠦⠧⠨⠩⠪⠫⠬⠭⠮⠯⠰⠱⠲⠳⠴⠵⠶⠷⠸⠹⠺⠻⠼⠽⠾⠿/
│ └── frame_002.txt
└── ...
仕組み
- 画像解析: 入力された画像(PNG, JPG, GIF)を読み込み、RGBピクセルデータを取得します。
- 点字変換: 画像の各ピクセルブロックを、対応する点字パターン(Unicode点字ブロック、U+2800〜U+28FF)にマッピングします。グレースケールのしきい値に基づいて、各点字ドットのオン/オフを決定します。
- ファイル名エンコード: 変換された点字行を、ファイルまたはディレクトリ名として使用します。ディレクトリ名は複数行の点字アートを連結して表現します。
- アニメーション: GIFの場合は、各フレームごとに異なる点字アートを生成し、連続するディレクトリ名で保存します。ファイルツリーをスクロールまたは展開することで、アニメーションが再生されます。
- ファイルツリー表示: 生成されたディレクトリ構造は、ファイルエクスプローラ(Finder, Explorer)やコードエディタ(VS Code, Neovimなど)のファイルツリーで表示され、絵として認識できます。
対応プラットフォーム
- Claude Code:
/tree-artスキルとして直接呼び出せます。 - その他: 生成されたファイルツリーは、あらゆるファイルシステム上で動作するため、任意の環境で表示可能です。
制限事項
- 非常に大きな画像や長いGIFは、大量のファイル/ディレクトリを生成するため、パフォーマンスに影響を与える可能性があります。
- ファイル名の長さには、OSやファイルシステムによる制限があります(通常255文字まで)。そのため、複雑なアートは複数のディレクトリに分割されます。
- 点字アートは低解像度の表現であるため、小さな画像や細かいディテールは失われる可能性があります。
ライセンス
このプロジェクトのライセンス情報は、元のリポジトリ(IGELHARINE/file-tree-art)を参照してください。