image-summarization について
実際に確認できた視覚的な根拠に基づいて画像を要約するスキルです。画像の種類に応じた観察方法、不確実性の扱い、可視範囲の記録を案内します。
主な機能
- 01対応ビューアで画像を確認
- 02可視テキストと範囲の抽出
- 03画像種別ごとの観察指針
- 04根拠と解釈の切り分け
- 05不確実性と確認範囲の記録
活用シーン
- 01UI スクリーンショットの要約
- 02グラフや構成図の説明
- 03見えるコードや端末出力の転記
- 04切り抜きや遮蔽部分の報告
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ jamie-bitflight/ claude_skills --skill image-summarizationインストール後、Claude Code で/image-summarizationを入力して読み込まれたか確認します。
詳細
画像の要約
忠実性のルールと 実行契約を確認してください。選択した形式で出力し、 無条件に YAML/Markdown のレイアウトにしないでください。
調査
利用可能な画像対応のリーダーを使って、実際の画像を確認してください。ファイル名から推測してはいけません。 すべての Read ツールがあらゆる画像形式を表示できると決めつけず、ホストが対応する形式を確認してください。 SVG の場合は、ラベル/ID/テキストを確認するためにマークアップを調べ、利用可能な画像対応の方法でレンダリングまたは表示してください。同一のテキストを 2 回読み取っても、視覚的証拠とテキスト上の証拠を別々に得たことにはなりません。レンダリングできない場合は、マークアップのみを確認した範囲を明示し、視覚的に確認したと主張しないでください。
表示されている範囲、切り抜かれている範囲、隠れている範囲、および読みやすさを記録してください。説明する前に表示テキストを抽出し、表示されている正確な数や識別子を保持してください。隠れているテキストを予想で補完しないでください。
種類別の観察事項
| 画像 | 保持する内容 | 境界 |
|---|---|---|
| UI のスクリーンショット | レイアウト、ラベル、コントロール、視覚的な階層、表示されているステータスインジケーター | ボタンのラベルだけでは動作を確認できません。アイコンだけでは、背後にあるエラーを確認できません |
| アーキテクチャ図 | コンポーネント、接続のラベル/方向、データフロー、グループの境界 | プロトコルやラベルのない関係を推測しないでください |
| チャート/グラフ | タイトル、チャートの種類、軸/目盛り/単位、凡例、読み取れるデータ点、表示されている傾向 | 視覚的に推定した読み取りと、明示的にラベル付けされた値を区別してください。外挿しないでください |
| 写真 | 表示されている被写体、場所、文脈に関する詳細 | 外見から身元、関係性、意図、感情を推測しないでください。テキストラベルと確認済みの身元を区別してください |
| コードのスクリーンショット | 表示されているコードの逐語的な内容、言語を示す根拠、名前/コメント、表示されている行の範囲 | 切り抜きについて記してください。断片からプログラム全体の動作を判断できるとは限りません |
| ターミナルのスクリーンショット | 表示されているコマンドと出力、正確なエラーメッセージ、途切れている箇所 | 表示されているコマンドを実行したり、隠れている出力を推測したりしないでください |
読み取れる断片を示し、不確かな解釈にはその旨を明記してください。Not visible は does not exist を意味しません。確信度については、画像の明瞭さ/確認範囲、解釈、画像内に表示された主張の真偽を分けてください。
提出
確認した要素と出典箇所(ページ、領域、ラベル、表示されている行)をもとにまとめてください。委任作業/監査/複数ソースを扱う場合は、証拠記録を保持してください。 該当しない場合、テキストソースの語数/圧縮率は null に設定してください。画像に関する指標をでっち上げないでください。隠れている範囲や切り抜かれている範囲、重要な不確実性を選択したテンプレートに記載し、実行契約の最終チェックを実施してください。画像を扱う機能がない場合は、成功としてではなく制約として報告してください。