本文へ移動
cccskills
無料GitHub で公開

screenshot-analyzer

スクリーンショットからエラー診断や操作チュートリアルを自動生成するスキル。「スクショを分析して」「画面のエラーを調べて」「操作手順を作って」等のリクエストで発動。

インストール方法を見る

含まれるファイル(5)

  • SKILL.md2.8 KB
  • agents/openai.yaml153 B
  • scripts/analyze.py9.2 KB
  • SKILL.en.md2.6 KB
  • SKILL.es.md2.9 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

Screenshot Analyzer

Analyze screenshots for error diagnosis or operation tutorial generation.

Modes

  1. Analyze: Detect errors, identify causes, suggest solutions
  2. Tutorial: Generate step-by-step operation guides with annotations

Usage

# Error analysis (default)
python scripts/analyze.py "{screenshot}" --mode analyze

# Tutorial generation
python scripts/analyze.py "{screenshot}" --mode tutorial

Parameters

ParameterRequiredDefaultDescription
screenshotYes-Path to screenshot
--mode, -mNoanalyzeMode: analyze or tutorial
--output, -oNoautoOutput HTML path
--no-annotateNofalseSkip annotation generation

Output

Analyze Mode

  • Screen description
  • Error detection (message, type, location)
  • Root cause analysis
  • Solution suggestions (NextStep)

Tutorial Mode

  • Screen overview
  • Numbered operation steps
  • Annotated screenshots per step
  • Tips and warnings

Examples

# Analyze error screenshot
python scripts/analyze.py "error_console.png"

# Generate tutorial
python scripts/analyze.py "settings_menu.png" --mode tutorial

# Specify output
python scripts/analyze.py "login.png" --mode tutorial --output "docs/login_guide.html"

# Skip annotations
python scripts/analyze.py "error.png" --no-annotate

Requirements

  • GEMINI_API_KEY or GOOGLE_API_KEY in environment
  • Python packages: google-genai, Pillow, python-dotenv

Overview

スクリーンショットからエラー診断や操作チュートリアルを自動生成するスキルです。Gemini Vision APIでUI要素を認識し、エラーの原因分析・解決策提案、またはステップバイステップの操作ガイドを出力します。

Troubleshooting

エラー解決方法
API key not foundGEMINI_API_KEY または GOOGLE_API_KEY を環境変数に設定
Analysis returned empty resultsスクリーンショットが不鮮明な可能性。より高解像度の画像を使用

Success Criteria

  • analyzeモード: エラー内容と解決策が出力されている
  • tutorialモード: ステップ番号付きの操作ガイドが出力されている
  • 出力HTMLファイルが正しく生成されている

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

ab-test-setup

無料日本語概要

A/Bテストや実験の設計・実装を支援するスキル。 「A/Bテストを設計して」「スプリットテストしたい」「仮説を立ててテストしたい」「バリアントを比較」等のリクエストで発動。 トラッキング実装は analytics-tracking を参照。

minicoohei/ai-agent-camp3472026年10月7日 更新

agent-designer

無料日本語概要

マルチエージェントシステムのアーキテクチャ設計ツールキット。 「エージェントを設計して」「マルチエージェント構成」「エージェントのアーキテクチャ」「オーケストレーション設計」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-check-setup

無料日本語概要

ai-agent-campのローカル環境セットアップを確認するスキル。 「セットアップ確認」「環境チェック」「初期設定できてる?」「インストール確認」「依存関係チェック」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-command-router

無料日本語概要

ai-agent-campのスラッシュコマンドをCodexでルーティングするスキル。 「/start-0-1を実行」「スラッシュコマンドを使いたい」「コマンドルーティング」「Cursorのコマンドを使いたい」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-env-manager

無料日本語概要

ai-agent-campの環境変数・認証情報を安全に管理するスキル。 「APIキーを設定」「.envを管理」「環境変数の設定」「credential managerを使いたい」「秘密情報の管理」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-guide

無料日本語概要

ai-agent-campリポジトリの案内・オリエンテーションスキル。 「リポジトリ案内」「次のレッスンは?」「どこから始める」「ツールの違い」「aiagent概要」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

minicoohei のスキルをすべて見る

このスキルの問題を報告する