infographic-generator について
医療コンテンツ制作者向けの、出版品質のインフォグラフィックを生成する Python ツールです。6 種類のテンプレートがあり、単体生成、設定ファイルによる一括生成、Python API に対応しています。
主な機能
- 016 種類のインフォグラフィックテンプレート
- 02テンプレートデータから画像を生成
- 03JSON または YAML で一括生成
- 04設定の検証と進捗表示
- 05並列生成と Python API
活用シーン
- 01臨床試験の統計情報を図解
- 02複数セクションの患者向けガイドを作成
- 03治療法の比較や手順を図示
- 04コンテンツ企画用の画像を一括生成
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ drshailesh88/ integrated_content_os --skill infographic-generatorインストール後、Claude Code で/infographic-generatorを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
examples/batch_demo.jsonreferences/style-guide.mdtemplate-map.mdscripts/batch_generate.pyinfographic_cli.py詳細
インフォグラフィック生成ツール
カルーセルと同等のビジュアル品質を備えた、出版品質のインフォグラフィックを生成します。メッシュグラデーション、大胆なタイポグラフィ、アイコン、ブランドフッターを使用します。
ワールドクラスのテンプレート
| テンプレート | 用途 | ビジュアルスタイル |
|---|---|---|
infographic-hero | 主要な統計を1つ表示 | 大きなグラデーションの統計バッジ、アイコン、ブランドフッター |
infographic-dense | 複数セクションのコンテンツ | アイコン付きのスタイル設定されたカードのグリッド |
infographic-comparison | 薬剤同士、治療法の比較 | 対照的な色を使った分割レイアウト |
infographic-myth | 誤解の解消 | アイコン付きの赤/緑の分割レイアウト |
infographic-process | ワークフロー、アルゴリズム | コネクター付きの番号付き手順 |
infographic-checklist | 患者の準備、ガイド | スタイル設定されたチェックボックス項目 |
クイックスタート
インフォグラフィックを1つ生成
# Hero stat infographic
python skills/cardiology/infographic-generator/scripts/infographic_cli.py \
--template infographic-hero \
--data '{"stat":"26%","label":"Mortality Reduction","context":"HR 0.74 (95% CI 0.65-0.85)","source":"PARADIGM-HF","icon":"chart-down","tag":"CLINICAL TRIAL"}' \
--output outputs/hero-paradigm.png
# Dense multi-section
python skills/cardiology/infographic-generator/scripts/infographic_cli.py \
--template infographic-dense \
--data '{"tag":"PATIENT GUIDE","title":"GLP-1 Roll-Off","icon":"pill","sections":[{"title":"Who this is for","bullets":["Stable HF patients","No recent decompensation"],"icon":"people"},{"title":"Red flags","bullets":["Weight gain >2kg/week","New edema"],"icon":"warning","accent":"danger"}],"callout":{"label":"Key","text":"Monitor weekly during taper"}}' \
--output outputs/dense-glp1.png
# Comparison
python skills/cardiology/infographic-generator/scripts/infographic_cli.py \
--template infographic-comparison \
--data '{"tag":"TREATMENT CHOICE","title":"ACE-I vs ARB","left":{"label":"ACE Inhibitors","stat":"22%","statLabel":"Mortality Reduction","icon":"pill","bullets":["First-line","More cough"],"theme":"primary"},"right":{"label":"ARBs","stat":"18%","statLabel":"Mortality Reduction","icon":"shield","bullets":["ACE-I intolerant","Better tolerated"],"theme":"accent"}}' \
--output outputs/comparison-acei-arb.png
# Myth buster
python skills/cardiology/infographic-generator/scripts/infographic_cli.py \
--template infographic-myth \
--data '{"tag":"MYTH BUSTED","title":"Statins cause muscle damage","myth":{"text":"Taking statins will definitely give you muscle pain"},"truth":{"text":"Only 5-10% experience symptoms, most can continue therapy"},"evidence":"Meta-analysis of 19 RCTs","source":"Lancet 2022"}' \
--output outputs/myth-statins.png
# Process flow
python skills/cardiology/infographic-generator/scripts/infographic_cli.py \
--template infographic-process \
--data '{"tag":"ALGORITHM","title":"Starting SGLT2 Inhibitors","steps":[{"title":"Screen","description":"Confirm HFrEF, check eGFR","icon":"magnify"},{"title":"Initiate","description":"Start at recommended dose","icon":"pill"},{"title":"Monitor","description":"Check creatinine at 1-2 weeks","icon":"chart-up"}],"note":"eGFR ≥20 for most agents"}' \
--output outputs/process-sglt2.png
# Checklist
python skills/cardiology/infographic-generator/scripts/infographic_cli.py \
--template infographic-checklist \
--data '{"tag":"PATIENT CHECKLIST","title":"Before Your Stress Test","icon":"heart","categories":[{"title":"24 Hours Before","items":[{"text":"Avoid caffeine"},{"text":"Continue medications"}]},{"title":"Day of Test","items":[{"text":"Wear comfortable shoes"},{"text":"Bring medication list"}]}],"callout":{"icon":"warning","text":"Tell staff about chest pain"}}' \
--output outputs/checklist-stress.png
一括生成
設定ファイルから複数のインフォグラフィックを生成します(コンテンツキャンペーンに最適です)。
# From JSON config
python skills/cardiology/infographic-generator/scripts/batch_generate.py \
--config examples/batch_demo.json
# Parallel generation (faster)
python skills/cardiology/infographic-generator/scripts/batch_generate.py \
--config examples/batch_demo.json \
--parallel 4
# Validate config without generating
python skills/cardiology/infographic-generator/scripts/batch_generate.py \
--config my_config.json \
--dry-run
一括生成設定の例(examples/batch_demo.json):
[
{
"template": "infographic-hero",
"data": {
"stat": "26%",
"label": "Mortality Reduction",
"source": "PARADIGM-HF",
"icon": "chart-down",
"tag": "CLINICAL TRIAL"
},
"output": "outputs/hero-paradigm.png"
},
{
"template": "infographic-myth",
"data": {
"tag": "MYTH BUSTED",
"title": "Statins cause muscle damage",
"myth": {"text": "Taking statins will give you pain"},
"truth": {"text": "Only 5-10% experience symptoms"}
},
"output": "outputs/myth-statins.png"
}
]
一括生成の機能:
- ✅ 生成前にすべての設定を検証
- ✅ 並列生成(ワーカー数:1~8)
- ✅ 最初のエラー発生時に停止(任意)
- ✅ JSON または YAML の設定形式
- ✅ 進行状況の追跡
テンプレートのデータスキーマ
infographic-hero
{
"stat": "26%",
"label": "Mortality Reduction",
"context": "HR 0.74, 95% CI 0.65-0.85",
"source": "PARADIGM-HF Trial",
"icon": "chart-down",
"tag": "CLINICAL TRIAL",
"theme": "primary|success|accent|dark",
"showFooter": true,
"footerName": "Dr. Shailesh Singh",
"footerHandle": "@heartdocshailesh"
}
infographic-dense
{
"tag": "PATIENT GUIDE",
"title": "GLP-1 Roll-Off in Heart Patients",
"subtitle": "A practical tapering guide",
"icon": "pill",
"sections": [
{
"title": "Who this is for",
"bullets": ["Stable HF patients", "No recent decompensation"],
"icon": "people",
"accent": "teal|danger|success|accent"
}
],
"callout": { "label": "Bottom line", "text": "..." },
"footer": "Educational infographic. Not medical advice.",
"showBrandFooter": true
}
infographic-comparison
{
"tag": "TREATMENT COMPARISON",
"title": "ACE-I vs ARB in HFrEF",
"left": {
"label": "ACE Inhibitors",
"stat": "22%",
"statLabel": "Mortality Reduction",
"icon": "pill",
"bullets": ["First-line therapy", "More cough"],
"theme": "primary|success|accent|danger"
},
"right": {
"label": "ARBs",
"stat": "18%",
"statLabel": "Mortality Reduction",
"icon": "shield",
"bullets": ["ACE-I intolerant", "Better tolerated"],
"theme": "accent"
},
"source": "Meta-analysis, Circulation 2022"
}
infographic-myth
{
"tag": "MYTH BUSTED",
"title": "Statins cause muscle damage in everyone",
"myth": {
"text": "Taking statins will definitely give you muscle pain",
"icon": "cross"
},
"truth": {
"text": "Only 5-10% experience symptoms, most can continue",
"icon": "check"
},
"evidence": "Meta-analysis of 19 RCTs (n=71,000)",
"source": "Lancet 2022"
}
infographic-process
{
"tag": "TREATMENT ALGORITHM",
"title": "Starting SGLT2 Inhibitors",
"subtitle": "Step-by-step for clinicians",
"steps": [
{ "title": "Screen", "description": "Confirm HFrEF", "icon": "magnify" },
{ "title": "Initiate", "description": "Start at dose", "icon": "pill" },
{ "title": "Monitor", "description": "Check creatinine", "icon": "chart-up" }
],
"note": "eGFR ≥20 for most agents"
}
infographic-checklist
{
"tag": "PATIENT CHECKLIST",
"title": "Before Your Stress Test",
"subtitle": "Complete preparation guide",
"icon": "heart",
"categories": [
{
"title": "24 Hours Before",
"items": [
{ "text": "Avoid caffeine", "checked": false },
{ "text": "Continue medications", "checked": false }
]
}
],
"callout": { "icon": "warning", "text": "Tell staff about chest pain" }
}
利用可能なアイコン
医療: pill、heart、heart-pulse、stethoscope、syringe、blood-drop、dna、microscope、brain、lungs、bone、hospital、ambulance、doctor
グラフ: chart-up、chart-down、graph
ステータス: check、cross、warning、stop、star、fire、lightning、target、bulb、trophy、shield、clock、magnify、books、people
矢印: arrow-up、arrow-down、arrow-right
ビジュアルデザインシステム
すべてのテンプレートで以下を使用します。
- メッシュグラデーション(単色ではなく、複数の放射状グラデーションを重ねます)
- フォントのウェイト: 見出しは900、サブタイトルは300
- 3倍以上のサイズ差で階層を表現
- アイコンコンテナーにスタイル設定済みの背景を適用
- グラデーションの統計バッジに影を適用
- ブランドフッターにハンドルを表示
デフォルト設定
- サイズ: 1080x1350(Instagram 縦長、4:5)
- フォント: Helvetica/Arial
- ブランドカラー: ティール(#16697A)、コーラル(#EF5350)、成功(#27AE60)
出力先
デフォルト:skills/cardiology/visual-design-system/outputs/infographics/
Python API
from skills.cardiology.visual_design_system.scripts.generate_infographic import generate
result = generate(
"infographic-hero",
{
"stat": "26%",
"label": "Mortality Reduction",
"source": "PARADIGM-HF",
"icon": "chart-down",
"tag": "LANDMARK TRIAL"
},
"output.png",
width=1080,
height=1350
)
if result["success"]:
print(f"Generated: {result['output']}")