본문으로 건너뛰기
cccskills
무료GitHub에 공개

screenshot-analyzer

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

연동 도구Gemini
설치 방법 보기

포함된 파일(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ファイルが正しく生成されている

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

minicoohei/ai-agent-camp3462026년 10월 7일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

minicoohei/ai-agent-camp3462026년 10월 7일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

minicoohei/ai-agent-camp3462026년 10월 7일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

minicoohei/ai-agent-camp3462026년 10월 7일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

minicoohei/ai-agent-camp3462026년 10월 7일 업데이트

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

한국어 요약은 준비 중입니다. 원문 설명을 표시하고 있습니다.

minicoohei/ai-agent-camp3462026년 10월 7일 업데이트

minicoohei의 스킬 모두 보기

이 스킬의 문제 신고