Communitygithub.com

IGELHARINE/file-tree-art

ファイルエクスプローラの中でGIFを再生 — 画像やGIFを点字アートとしてレンダリングし、ファイル名でファイルツリーに絵を描き(そしてアニメーションさせ)ます。Claudeスキルとしても利用可能: /tree-art

file-tree-art とは?

このスキルは、画像やGIFファイルを点字アートに変換し、そのアートをファイル名として持つ一連のファイルやディレクトリを生成することで、ファイルツリー上で視覚的な表現を可能にします。主な用途は、開発者がコードエディタやファイルマネージャ内で直接視覚的なフィードバックを得ること、または単にファイルシステムを楽しく視覚的に操作することです。サポート対象は主にClaude Code(スキル名: /tree-art)ですが、アウトプットは標準的なファイルシステム構造であるため、任意の環境で結果を閲覧できます。仕組みとしては、入力画像を分析し、点字パターン(例: ⠠⠊⠄)に変換して、それをディレクトリ名やファイル名にエンコードします。アニメーションGIFの場合は、複数のフレームを連続するディレクトリ名として生成し、ファイルツリーのスクロールや展開によってループ再生効果を実現します。このスキルは、開発環境とアートの橋渡しをし、コード作業空間に遊び心やデバッグの新しい視点をもたらします。

対応✓Claude Code~Codex CLI~Cursor
npx skills add IGELHARINE/file-tree-art

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

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
└── ...

仕組み

  1. 画像解析: 入力された画像(PNG, JPG, GIF)を読み込み、RGBピクセルデータを取得します。
  2. 点字変換: 画像の各ピクセルブロックを、対応する点字パターン(Unicode点字ブロック、U+2800〜U+28FF)にマッピングします。グレースケールのしきい値に基づいて、各点字ドットのオン/オフを決定します。
  3. ファイル名エンコード: 変換された点字行を、ファイルまたはディレクトリ名として使用します。ディレクトリ名は複数行の点字アートを連結して表現します。
  4. アニメーション: GIFの場合は、各フレームごとに異なる点字アートを生成し、連続するディレクトリ名で保存します。ファイルツリーをスクロールまたは展開することで、アニメーションが再生されます。
  5. ファイルツリー表示: 生成されたディレクトリ構造は、ファイルエクスプローラ(Finder, Explorer)やコードエディタ(VS Code, Neovimなど)のファイルツリーで表示され、絵として認識できます。

対応プラットフォーム

  • Claude Code: /tree-art スキルとして直接呼び出せます。
  • その他: 生成されたファイルツリーは、あらゆるファイルシステム上で動作するため、任意の環境で表示可能です。

制限事項

  • 非常に大きな画像や長いGIFは、大量のファイル/ディレクトリを生成するため、パフォーマンスに影響を与える可能性があります。
  • ファイル名の長さには、OSやファイルシステムによる制限があります(通常255文字まで)。そのため、複雑なアートは複数のディレクトリに分割されます。
  • 点字アートは低解像度の表現であるため、小さな画像や細かいディテールは失われる可能性があります。

ライセンス

このプロジェクトのライセンス情報は、元のリポジトリ(IGELHARINE/file-tree-art)を参照してください。

関連スキル