mcpField
I
infographic-generator

infographic-generator

github.com/drshailesh88デザイン・UI642 回インストール24 週間前に更新
リポジトリ

infographic-generator について

医療コンテンツ制作者向けの、出版品質のインフォグラフィックを生成する Python ツールです。6 種類のテンプレートがあり、単体生成、設定ファイルによる一括生成、Python API に対応しています。

主な機能

  1. 016 種類のインフォグラフィックテンプレート
  2. 02テンプレートデータから画像を生成
  3. 03JSON または YAML で一括生成
  4. 04設定の検証と進捗表示
  5. 05並列生成と Python API

活用シーン

  1. 01臨床試験の統計情報を図解
  2. 02複数セクションの患者向けガイドを作成
  3. 03治療法の比較や手順を図示
  4. 04コンテンツ企画用の画像を一括生成

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/drshailesh88/integrated_content_os --skill infographic-generator

インストール後、Claude Code で/infographic-generatorを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

examples/
batch_demo.json
references/
style-guide.md
template-map.md
scripts/
batch_generate.py
infographic_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']}")

コメント