跳到正文
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(原文)

安装前可以查看交给 AI 代理的指令内容。

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 / 1000 字

此表单受 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 的全部技能

报告此技能的问题