本文へ移動
cccskills
無料GitHub で公開

diagram-generator

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

インストール方法を見る

含まれるファイル(5)

  • SKILL.md2.8 KB
  • agents/openai.yaml151 B
  • scripts/generate_diagram.py4.5 KB
  • SKILL.en.md2.7 KB
  • SKILL.es.md3.0 KB

SKILL.md(原文)

インストールする前に、エージェントに与えられる指示の中身を確認できます。

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

ParameterRequiredDefaultDescription
topicYes-Topic or text to visualize
--styleNocolorful_infographicVisual style
--aspect_ratioNo16:9Output ratio
--outputNoautoOutput path

Styles

StyleDescription
colorful_infographicVibrant icons, organized layout (default)
sketchHand-drawn, pencil texture
minimalistClean, simple geometric shapes
photorealisticHigh-quality photo look
claymation3D clay texture, playful
pixel_artRetro 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 foundGEMINI_API_KEY または GOOGLE_API_KEY を環境変数に設定
Image generation returned emptyトピックが短すぎる可能性。より詳しい説明を指定

Success Criteria

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

レビュー

まだレビューはありません。使ってみた感想をお寄せください。

同じリポジトリのスキル

概要と使いどころ

ab-test-setup

無料日本語概要

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

minicoohei/ai-agent-camp3472026年10月7日 更新

agent-designer

無料日本語概要

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

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-check-setup

無料日本語概要

ai-agent-campのローカル環境セットアップを確認するスキル。 「セットアップ確認」「環境チェック」「初期設定できてる?」「インストール確認」「依存関係チェック」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-command-router

無料日本語概要

ai-agent-campのスラッシュコマンドをCodexでルーティングするスキル。 「/start-0-1を実行」「スラッシュコマンドを使いたい」「コマンドルーティング」「Cursorのコマンドを使いたい」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-env-manager

無料日本語概要

ai-agent-campの環境変数・認証情報を安全に管理するスキル。 「APIキーを設定」「.envを管理」「環境変数の設定」「credential managerを使いたい」「秘密情報の管理」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

aiagent-guide

無料日本語概要

ai-agent-campリポジトリの案内・オリエンテーションスキル。 「リポジトリ案内」「次のレッスンは?」「どこから始める」「ツールの違い」「aiagent概要」等のリクエストで発動。

minicoohei/ai-agent-camp3472026年10月7日 更新

minicoohei のスキルをすべて見る

このスキルの問題を報告する