Skip to content
Documentation
Skill

/diagram-generator

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

From plugin
ai-agent-camp
347101 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.

ab-test-setup
Skill

ab-test-setup

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

agent-designer
Skill

agent-designer

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

analytics-tracking
Skill

analytics-tracking

アナリティクスのトラッキング設定・改善・監査を支援するスキル。 「トラッキングを設定」「GA4を導入」「コンバージョン計測」「イベントトラッキング」「UTMパラメータ」「GTMの設定」等のリクエストで発動。 A/Bテスト計測は ab-test-setup を参照。

article-writer
Skill

article-writer

テーマからアウトライン生成→文体プロファイル適用→Markdown記事出力を行う記事執筆スキル。 挿絵マーカーの自動挿入、style-analyzerプロファイル参照による文体統一に対応。 「記事を書いて」「ブログ作成」「テーマで記事生成」等のリクエストで発動。

banner-creator
Skill

banner-creator

各種SNS・広告プラットフォーム向けのバナー/クリエイティブを生成するスキル。 X, Facebook, Instagram, PRTimes, YouTube, LINE, Web広告に対応。 「バナーを作って」「広告画像を生成」「SNS用の画像」「クリエイティブ制作」等のリクエストで発動。

bigquery-auth
Skill

bigquery-auth

GCPプロジェクト単位でBigQuery認証を設定するスキル。 gcloud設定プロファイルで複数プロジェクトを安全に分離管理。 「BigQueryに繋ぎたい」「BQ認証」「gcloud認証」「データ分析の認証設定」等のリクエストで発動。