moodboard

AI が生成したものを確かめる窓。macOS 用(オープンソース)。

コーディングエージェント(Claude Code など)が画像・動画・音声を生成すると、moodboard の窓にライトテーブルの写真のように並べて開きます。見比べて、どれを残すかをエージェントに伝えるだけです。ファイルを 1 つずつ開く必要も、エージェントに中身を文章で説明させる必要もありません。MIT ライセンスで公開しています。

GitHub で見る

コマンドとエージェント用のスキルを入れて使います(下記)。

フクロウのマスコット画像 4 案、動画 2 本、音声 2 本が見出しとラベル付きで並んだ moodboard の窓のスクリーンショット — **画像・動画・音声を 1 つの窓に** — エージェントが見出しとカードごとのラベル(「案 A」「テイク 2」など)を付けるので、何を比べているかが分かります。

動画 2 本がサムネイルで並び、その横に再生ボタンと時間付きの音声カードが 2 枚並んだスクリーンショット — **動画と音声** — 動画は無音でループ再生します。音声はカードごとに再生ボタンが付き、テイクを順に聞き比べられます。

確かめられるもの

画像 — PNG / WebP / アニメーション GIF。ピクセルが見えるまで拡大したり、2 つの案を重ねたり、市松模様の背景で透過を確かめたりできます
動画 — mov / webm / mp4。窓の中では無音でループ再生し、クリックで大きく開くと音付きで見られます
音声 — wav / mp3 / m4a / aac / flac / ogg / opus。1 ファイル 1 枚のプレーヤーになり、テイクを順に聞き比べられます

特徴

カードを自由に動かせる — ホイールでカーソルの下のカードを拡大縮小、ドラッグで移動。r で元の並びに戻ります
同じ作業は同じ窓で — エージェントは作業ごとに名前の付いた窓を使い回すので、新しい結果は古い結果と差し替わり、窓が増え続けません
選んだファイルのパスをコピー — s で選択モードにしてカードを選び、⌘C でパスをコピー。会話に貼ればどれを選んだかがエージェントに伝わります
表示されたことを確かめてから終わる — コマンドは窓が実際にファイルを読み込むまで待ってから終了し、終了コードで結果を返します。エージェントは「開いたつもり」で先に進みません
日本語・英語 — macOS の言語設定に合わせて切り替わります

動作環境とセットアップ

macOS 用です(macOS でのみ確認しています)。Bun を用意して、コマンドとエージェント用のスキルを入れます。スキルは Agent Skills の形式です。詳しくは README をご覧ください。

bun install -g github:mohhh-ok/moodboard
npx skills add mohhh-ok/moodboard

あとはエージェントに「moodboard で見せて」「並べて比較して」と頼むと、ファイルを並べた窓が開きます。

プライバシー

開発者のサーバーはなく、外部への通信もしません。表示するファイルは端末内で読むだけです。