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

tutorial-generator

スクリーンショットからGemini Vision APIで操作チュートリアルを自動生成する。「操作マニュアルを作って」「スクショから手順書を生成」「使い方ガイドを作成」等で発動。

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

연동 도구Gemini
설치 방법 보기

포함된 파일(5)

  • SKILL.md1.8 KB
  • agents/openai.yaml152 B
  • scripts/generate_tutorial.py6.5 KB
  • SKILL.en.md1.8 KB
  • SKILL.es.md2.0 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Tutorial Generator

Analyze screenshots and generate step-by-step operation instructions.

Workflow

  1. Provide screenshot of the UI/screen
  2. Gemini Vision analyzes visible elements (buttons, forms, menus)
  3. Generates structured tutorial with actionable steps
  4. Outputs HTML tutorial with embedded image

Usage

python scripts/generate_tutorial.py "{screenshot_path}" --output "{output_path}"

Parameters

ParameterRequiredDefaultDescription
screenshot_pathYes-Path to screenshot
--outputNoautoOutput HTML path
--contextNo-Additional context about the screen

Output Format

Generated HTML includes:

  • Screen overview (what this screen is for)
  • Original screenshot
  • Numbered operation steps
  • Element locations and descriptions
  • Tips and warnings

Example

# Basic usage
python scripts/generate_tutorial.py "login_screen.png"

# With context
python scripts/generate_tutorial.py "settings.png" --context "User settings page for changing password"

# Specify output
python scripts/generate_tutorial.py "dashboard.png" --output "docs/tutorials/dashboard_guide.html"

Requirements

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

리뷰

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

댓글

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

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

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. 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의 스킬 모두 보기

이 스킬의 문제 신고