Skip to content
Documentation
Skill

/diagram-generator

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

From plugin
ai-agent-camp
349101 skills8 agents200 commands

Claude Code

$ npx -y skills add minicoohei/ai-agent-camp --skill diagram-generator --agent claude-code

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
@minicoohei
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

349101 skills8 agents
Get the whole plugin

Stars on GitHub

Momentum

stars in total
349
Star history of minicoohei/ai-agent-camp on GitHub, a chart by star-history.com

Other skills on ai-agent-camp.

ab-test-setup

ab-test-setup

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

agent-designer

agent-designer

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

analytics-tracking

analytics-tracking

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

article-writer

article-writer

テーマからアウトライン生成→文体プロファイル適用→Markdown記事出力を行う記事執筆スキル。 挿絵マーカーの自動挿入、style-analyzerプロファイル参照による文体統一に対応。…

banner-creator

banner-creator

各種SNS・広告プラットフォーム向けのバナー/クリエイティブを生成するスキル。 X, Facebook, Instagram, PRTimes, YouTube, LINE, Web広告に対応。…

bigquery-auth

bigquery-auth

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

More skills from other plugins.

context7-cli

context7-cli

Use the ctx7 CLI to fetch library documentation and configure Context7 MCP. Activate when the user mentions "ctx7" or "context7",…

@upstash@upstashInstall Skill
docs-components

docs-components

Comprehensive MDX component patterns (Note, Pitfall, DeepDive, Recipes, etc.) for all documentation types. Authoritative source…

@reactjs@reactjsInstall Skill
codebase-wiki

codebase-wiki

How to work in a Codebase Wiki project (the `codebase-wiki` starter pack): an agent-authored, source-grounded wiki of the…

@inkeep@inkeepInstall Skill

Questions about diagram-generator.

Which coding agents can use diagram-generator?
diagram-generator installs in Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf with the skills CLI, using each agent's flag shown on this page. Flowy's auto-invocation, which fires a skill when your prompt matches, runs in Claude Code only.