/diagram-generator
Gemini Image Generation API でテキストから図解・インフォグラフィック・ダイアグラムを生成するスキル。 「図を作って」「インフォグラフィック生成」「プロセスを図解して」等のリクエストで発動。
$ npx -y skills add minicoohei/ai-agent-camp --skill diagram-generator --agent claude-codeHow 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.mdname: 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
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画像が正しいアスペクト比で生成されている
- [ ] 生成画像がトピックの内容を視覚的に表現している
- [ ] エラーなく完了している
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
Other skills on ai-agent-camp.
- /ab-test-setup
A/Bテストや実験の設計・実装を支援するスキル。 「A/Bテストを設計して」「スプリットテストしたい」「仮説を立ててテストしたい」「バリアントを比較」等のリクエストで発動。 トラッキング実装は analytics-tracking を参照。
Open skill - /agent-designer
マルチエージェントシステムのアーキテクチャ設計ツールキット。 「エージェントを設計して」「マルチエージェント構成」「エージェントのアーキテクチャ」「オーケストレーション設計」等のリクエストで発動。
Open skill - /analytics-tracking
アナリティクスのトラッキング設定・改善・監査を支援するスキル。 「トラッキングを設定」「GA4を導入」「コンバージョン計測」「イベントトラッキング」「UTMパラメータ」「GTMの設定」等のリクエストで発動。 A/Bテスト計測は ab-test-setup を参照。
Open skill - /article-writer
テーマからアウトライン生成→文体プロファイル適用→Markdown記事出力を行う記事執筆スキル。 挿絵マーカーの自動挿入、style-analyzerプロファイル参照による文体統一に対応。 「記事を書いて」「ブログ作成」「テーマで記事生成」等のリクエストで発動。
Open skill - /banner-creator
各種SNS・広告プラットフォーム向けのバナー/クリエイティブを生成するスキル。 X, Facebook, Instagram, PRTimes, YouTube, LINE, Web広告に対応。 「バナーを作って」「広告画像を生成」「SNS用の画像」「クリエイティブ制作」等のリクエストで発動。
Open skill - /bigquery-auth
GCPプロジェクト単位でBigQuery認証を設定するスキル。 gcloud設定プロファイルで複数プロジェクトを安全に分離管理。 「BigQueryに繋ぎたい」「BQ認証」「gcloud認証」「データ分析の認証設定」等のリクエストで発動。
Open skill

