Agent skill

Tutorial Generator

by minicoohei in minicoohei/ai-agent-camp

スクリーンショットからGemini Vision APIで操作チュートリアルを自動生成する. An agent skill from minicoohei/ai-agent-camp.

No licenceAuto-check passed

Install Tutorial Generator

skills CLI
$ npx skills add minicoohei/ai-agent-camp --skill tutorial-generator -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install minicoohei/ai-agent-camp tutorial-generator --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/minicoohei/ai-agent-camp.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/tutorial-generator .claude/skills/tutorial-generator && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
tutorial-generator
GitHub stars
347
Token cost
~401 tokens
SKILL.md length
99 words
Files
5 (incl. scripts)
Skills in repo
37
Repo updated
First seen
Licence
None found

At a glance

スクリーンショットからGemini Vision APIで操作チュートリアルを自動生成する. An agent skill from minicoohei/ai-agent-camp.

  • Works in 4 steps: Provide screenshot of the UI/screen → Gemini Vision analyzes visible elements… → Generates structured tutorial with… → …
  • SKILL.md covers Workflow, Usage, Parameters and Output Format, plus 2 more sections
  • Runs Python scripts from its folder; calls python; needs GEMINI_API_KEY and GOOGLE_API_KEY

What it does

Tutorial Generator is an agent skill from minicoohei/ai-agent-camp. スクリーンショットからGemini Vision APIで操作チュートリアルを自動生成する。 「操作マニュアルを作って」「スクショから手順書を生成」「使い方ガイドを作成」等で発動。

Its SKILL.md is about 400 tokens, which your agent loads only when the skill is triggered. The skill folder holds 6 other files, including scripts (for example `SKILL.en.md`, `SKILL.es.md` and `agents/openai.yaml`).

The repository describes itself as: AI Agent Camp — non-engineer-friendly AI agent training curriculum. Lessons, skills, commands, and hooks for Claude Code, Cursor, and Codex.

Example prompts

  • “/tutorial-generator”

Requirements

  • Python 3
  • A credential in GEMINI_API_KEY
  • A credential in GOOGLE_API_KEY

Workflow steps

4 steps, taken from the first numbered list in SKILL.md.

  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

What it can do on your machine

Read from SKILL.md and the folder at commit 048ba4c. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Ships 1 file in scripts/ (Python), which the agent can run.

    Shell commands in SKILL.md call:

    • python

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names these keys or tokens, usually read from environment variables:

    • GEMINI_API_KEY
    • GOOGLE_API_KEY

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Tutorial Generator loads about 401 tokens when it runs. Until then it costs about 27 tokens; SKILL.md has 99 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~27
When it runs · the whole SKILL.md, loaded when a task matches
~401

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.

SKILL.md

Without a licence we can't republish the file, so here is its outline and opening line. It has 99 words (~401 tokens).

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

— opening of SKILL.md by minicoohei
name
tutorial-generator
triggers
操作マニュアルを作って, スクショから手順書を生成, 使い方ガイドを作成, チュートリアルを作って, 画面キャプチャから説明, tutorial-generator, how-to guide

Read the full SKILL.md on GitHub

Files

SKILL.md and 4 other files (scripts) in skills/tutorial-generator of minicoohei/ai-agent-camp.

  • SKILL.md
  • SKILL.en.md
  • SKILL.es.md
  • agents/openai.yaml
  • scripts/generate_tutorial.py

Open the folder on GitHubat commit 048ba4c

Compare with similar skills

Tutorial Generator next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Tutorial Generator compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Tutorial Generator this skillminicoohei/ai-agent-camp347—~401Automated safety check: PassNone
Comment Code Generate A Tutorialgithub/awesome-copilot40k1 repos~348Automated safety check: PassMIT
Generatealirezarezvani/claude-skills28k1 repos~1.1kAutomated safety check: PassMIT
Fal Generatenexu-io/open-design100k—~306Automated safety check: PassApache-2.0
Fal Visionnexu-io/open-design100k—~295Automated safety check: PassApache-2.0
Video Generationbytedance/deer-flow83k3 repos~1.4kAutomated safety check: PassMIT

Similar skills

  • Comment Code Generate A Tutorial

    github/awesome-copilot

    Official

    Transform this Python script into a polished, beginner-friendly project by refactoring the code, adding clear instructional comments, and generating a complete markdown tutorial.

    40k GitHub starsUsed in 1 repo~348 tokens
    DevelopmentAuto-check passed
  • Generate

    alirezarezvani/claude-skills

    Generate Playwright tests. An agent skill from alirezarezvani/claude-skills.

    28k GitHub starsUsed in 1 repo~1.1k tokens
    Testing & QAAuto-check passed
  • Fal Generate

    nexu-io/open-design

    Generate images and videos using fal.ai AI models. An agent skill from nexu-io/open-design.

    100k GitHub stars~306 tokensUpdated today
    Media & CreativeAuto-check passed
  • Fal Vision

    nexu-io/open-design

    Analyze images — segment objects, detect, run OCR, describe, and answer visual questions via fal.ai vision models.

    100k GitHub stars~295 tokensUpdated today
    AI & LLM EngineeringAuto-check passed
  • Video Generation

    bytedance/deer-flow

    Generates short videos from a structured JSON prompt, optionally guided by a reference image used as the first or last frame.

    83k GitHub starsUsed in 3 repos~1.4k tokens
    Media & CreativeAuto-check passed
  • Image Generation

    onyx-dot-app/onyx

    Generate or edit raster images (photos, illustrations, textures, sprites, mockups, logos, infographics) using the workspace's configured image-generation provider via onyx-cli image.

    32k GitHub starsUsed in 1 repo~1.7k tokens
    Media & CreativeAuto-check passed

More from minicoohei/ai-agent-camp

All 37 skills in this repo
  • Exploratory Data Analysis

    minicoohei/ai-agent-camp

    200以上のファイル形式に対応した探索的データ分析(EDA)スキル. An agent skill from minicoohei/ai-agent-camp.

    347 GitHub stars~3.5k tokensUpdated today
    Auto-check passed
  • Content Optimizer

    minicoohei/ai-agent-camp

    コンテンツのA/Bテスト・自己改善ループを支援するプランナースキル. An agent skill from minicoohei/ai-agent-camp.

    347 GitHub stars~1.3k tokensUpdated today
    Auto-check: notes
  • Video Editor

    minicoohei/ai-agent-camp

    TikTok/YouTube向け動画編集スキル。ffmpegでキャプション焼き込み、 Ken Burnsエフェクト、シーン結合、音声合成を行う。

    347 GitHub stars~756 tokensUpdated today
    Auto-check passed
  • Article Writer

    minicoohei/ai-agent-camp

    テーマからアウトライン生成→文体プロファイル適用→Markdown記事出力を行う記事執筆スキル. An agent skill from minicoohei/ai-agent-camp.

    347 GitHub stars~990 tokensUpdated today
    Auto-check passed
  • Banner Creator

    minicoohei/ai-agent-camp

    各種SNS・広告プラットフォーム向けのバナー/クリエイティブを生成するスキル. An agent skill from minicoohei/ai-agent-camp.

    347 GitHub stars~1.1k tokensUpdated today
    Auto-check passed
  • Check Inbox

    minicoohei/ai-agent-camp

    メールとSlackから返信すべき項目・タスクを抽出する統合型スキル. An agent skill from minicoohei/ai-agent-camp.

    347 GitHub stars~870 tokensUpdated today
    Auto-check: notes

Questions about Tutorial Generator

What does Tutorial Generator do?

スクリーンショットからGemini Vision APIで操作チュートリアルを自動生成する. An agent skill from minicoohei/ai-agent-camp. Tutorial Generator is an agent skill from minicoohei/ai-agent-camp.

How do I install Tutorial Generator in Claude Code?

Run `npx skills add minicoohei/ai-agent-camp --skill tutorial-generator -a claude-code`. Or copy the skill folder (skills/tutorial-generator in minicoohei/ai-agent-camp) into .claude/skills/tutorial-generator in your project. Claude Code loads it when a task matches its description.

How do I install Tutorial Generator in Codex?

Run `npx skills add minicoohei/ai-agent-camp --skill tutorial-generator -a codex`. Or copy the skill folder (skills/tutorial-generator in minicoohei/ai-agent-camp) into .agents/skills/tutorial-generator in your project. Codex loads it when a task matches its description.

Can I use Tutorial Generator in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add minicoohei/ai-agent-camp --skill tutorial-generator -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/tutorial-generator, .gemini/skills/tutorial-generator, .github/skills/tutorial-generator and .opencode/skills/tutorial-generator in your project.

What does Tutorial Generator need to run?

Going by SKILL.md and its folder, Tutorial Generator needs Python for the scripts in its folder, the command-line tools its instructions call (python) and credentials named GEMINI_API_KEY and GOOGLE_API_KEY. Our summary lists: Python 3; A credential in GEMINI_API_KEY; A credential in GOOGLE_API_KEY.

Does Tutorial Generator access the network?

SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.

Is Tutorial Generator safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.

What licence does Tutorial Generator use?

No licence was found for Tutorial Generator or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.

How many tokens does Tutorial Generator use?

About 401 tokens (SKILL.md is roughly 1.6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Tutorial Generator?

Skills that share tags, products or a category with Tutorial Generator: Comment Code Generate A Tutorial (github/awesome-copilot, 40k stars), Generate (alirezarezvani/claude-skills, 28k stars), Fal Generate (nexu-io/open-design, 100k stars) and Fal Vision (nexu-io/open-design, 100k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Tutorial Generator?

minicoohei (a GitHub user) maintains it in minicoohei/ai-agent-camp, which has 347 GitHub stars. The repository holds 37 skills in this directory. The repository was last updated on October 7, 2026.

Source: minicoohei/ai-agent-camp on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.