Skip to content
Documentation
Skill

/diagram-generator

Gemini Image Generation API でテキストから図解・インフォグラフィック・ダイアグラムを生成するスキル。 「図を作って」「インフォグラフィック生成」「プロセスを図解して」等のリクエストで発動。

From plugin
ai-agent-camp
345193 skills8 agents200 commands
Install
$ npx -y skills add minicoohei/ai-agent-camp --skill diagram-generator --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.Auto-invocation is when the right skill fires by itself at the right moment, driven by a FLOW.md router and a hook, instead of you invoking it by name. It is the difference between a skill being installed and a skill actually getting used.Read the full definition →
  • You can call itInvoke it directly when you want it.
  • Slash command/diagram-generator

Context preview

The summary Claude sees to decide when to auto-load this skill.

Gemini Image Generation API でテキストから図解・インフォグラフィック・ダイアグラムを生成するスキル。 「図を作って」「インフォグラフィック生成」「プロセスを図解して」等のリクエストで発動。

SKILL.md

diagram-generator.SKILL.md
name: diagram-generator
description: "Gemini Image Generation API でテキストから図解・インフォグラフィック・ダイアグラムを生成するスキル。 「図を作って」「インフォグラフィック生成」「プロセスを図解して」等のリクエストで発動。"
triggers:
  - diagram-generator
  - 図を作って
  - ダイアグラム生成
  - インフォグラフィック
  - 図解して
  - diagram
  - フローチャート作成

Diagram Generator

Generate visual diagrams and infographics from text descriptions.

Workflow

1. Provide topic/text to visualize 2. Gemini Flash optimizes the image generation prompt 3. Gemini Image generates the visualization 4. Outputs PNG image

Usage

python scripts/generate_diagram.py "{topic}" --style "{style}" --aspect_ratio "{ratio}"

Parameters

| Parameter | Required | Default | Description | |-----------|----------|---------|-------------| | topic | Yes | - | Topic or text to visualize | | --style | No | colorful_infographic | Visual style | | --aspect_ratio | No | 16:9 | Output ratio | | --output | No | auto | Output path |

Styles

| Style | Description | |-------|-------------| | colorful_infographic | Vibrant icons, organized layout (default) | | sketch | Hand-drawn, pencil texture | | minimalist | Clean, simple geometric shapes | | photorealistic | High-quality photo look | | claymation | 3D clay texture, playful | | pixel_art | Retro game style |

Aspect Ratios

`16:9`, `1:1`, `4:3`, `3:4`, `9:16`, `21:9`

Examples

# Basic diagram
python scripts/generate_diagram.py "How photosynthesis works"

# Minimalist style
python scripts/generate_diagram.py "Machine learning pipeline" --style minimalist

# Portrait format
python scripts/generate_diagram.py "Company org chart" --aspect_ratio 9:16

# From long text
python scripts/generate_diagram.py "Gemini is a multimodal AI model that can understand text, images, and code..." --style colorful_infographic

Requirements

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

Overview

テキストのトピックや説明文から、Gemini Image Generation APIを使ってインフォグラフィック・図解・ビジュアルを自動生成するスキルです。プレゼン資料やドキュメントの視覚的補助に最適。

Troubleshooting

| エラー | 解決方法 | |--------|---------| | API key not found | `GEMINI_API_KEY` または `GOOGLE_API_KEY` を環境変数に設定 | | Image generation returned empty | トピックが短すぎる可能性。より詳しい説明を指定 |

Success Criteria

  • [ ] PNG画像が正しいアスペクト比で生成されている
  • [ ] 生成画像がトピックの内容を視覚的に表現している
  • [ ] エラーなく完了している
Read more
Ships withai-agent-camp

AI Agent Training for Non-Engineers - Complete Guide to Claude Code / Cursor / Codex ### ⚠️ Before you clone Official repository (maintained by the authors): Running AI agents from this repo grants them shell, file-write, and external-API permissions on your

Get the whole plugin

Other skills on ai-agent-camp.