Communitygithub.com

Spongernondriver422/claudeshot

スクリーンショットを撮影し、ワンコマンドでClaude Codeのプロンプトに画像を挿入。画像コンテキストの利用を迅速かつシームレスにします。

claudeshot とは?

Spongernondriver422/claudeshot は、開発者がスクリーンショットをワンコマンドで撮影し、その画像をClaude Codeプロンプトに即座に挿入できるようにするスキルです。主にClaude Codeの開発環境向けに設計されており、画像コンテキストを利用することで、UIデバッグや視覚的な要素の説明をより効率的に行えるようになります。このスキルは、コマンドライン上で動作し、スクリーンショット取得ツール(例: `screencapture`、`scrot`、`gnome-screenshot` など)を活用します。マークダウンテキストとして画像を直接プロンプトに埋め込むことで、コードの説明やレビュー時に豊富な視覚情報を提供し、開発フローを円滑にします。対応プラットフォームはmacOS、Linux、Windowsです。

対応✓Claude Code~Codex CLI~Cursor
npx skills add Spongernondriver422/claudeshot

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

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

ドキュメント

claudeshot は何をしますか?

スクリーンショットを撮影し、ワンコマンドでClaude Codeのプロンプトに画像を挿入。画像コンテキストの利用を迅速かつシームレスにします。

概要

このスキルは、開発者がスクリーンショットを簡単に取得し、Claude Codeのプロンプトに直接画像として貼り付けることを可能にします。UIのデバッグや視覚的な問題の説明など、画像コンテキストが役立つ場面で作業効率を大幅に向上させます。

対応環境

  • macOS: screencapture コマンドを使用
  • Linux: scrot または gnome-screenshot コマンドを使用
  • Windows: snippingtool.exe または powershell コマンドを使用

使用方法

  1. ターミナルで claudeshot コマンドを実行します。
  2. スクリーンショットを撮影します(領域選択が可能な場合もあります)。
  3. 画像が自動的にClaude Codeのプロンプトにマークダウンとして挿入されます。

例:

claudeshot

インストール

# npmを使用する場合
npm install -g claudeshot

# またはリポジトリをクローンして直接使用する場合
git clone https://github.com/Spongernondriver422/claudeshot.git
cd claudeshot
npm install

設定

オプションで、スクリーンショットの保存先や画像フォーマットを環境変数で設定できます。

  • CLAUDESHOT_SAVE_DIR: スクリーンショットの保存ディレクトリ
  • CLAUDESHOT_FORMAT: 画像フォーマット(例: png, jpg)

注意事項

  • スクリーンショットの取得には、OSのアクセス権限が必要な場合があります。
  • プロンプトに画像を含めると、Claude Codeのトークン消費量が増加することに注意してください。

ライセンス

MIT

関連スキル