infographic-gen

SKILL: infographic-gen — AI Infographic & Slide Deck Generator

Overview

Generate AI-powered infographics and full slide decks using the SGraph infographic generator tool at dev.tools.sgraph.ai. The tool exposes a JavaScript API via a browser page, driven by Playwright. Each generate() call returns a PNG as a base64 data URL — no polling, no DOM hacking.

Requires an OpenRouter API key from the user (starts with sk-or-v1-...).

Economics: ~$0.07/infographic, ~13s/generation, ~$0.56 for an 8-slide deck.

---

Step 1: Environment Setup

Run all of this — takes ~2 minutes.

# Playwright + Chromium
python3.12 -m venv /tmp/venv312
/tmp/venv312/bin/pip install -q playwright==1.56.0
/tmp/venv312/bin/python -m playwright install --with-deps chromium

# sgit (encrypted vaults) + PDF tools
pip3 install sgit-ai reportlab Pillow --break-system-packages -q

Then create the proxy helper — Chromium MUST use this (it ignores HTTPS_PROXY env var):

cat > /home/claude/pw_helpers.py << 'PYEOF'
import os
from urllib.parse import urlparse

def get_proxy_config():
    proxy_url = os.environ.get('HTTPS_PROXY')
    if not proxy_url: return None
    parsed = urlparse(proxy_url)
    return {
        'server':   f'http://{parsed.hostname}:{parsed.port}',
        'username': parsed.username,
        'password': parsed.password,
    }
PYEOF

---

Step 2: Verify Setup & Onboard User

This is a multi-part verification. Do all sub-steps in order.

2a. Confirm the JS API is live

import sys; sys.path.insert(0, '/home/claude')
from playwright.sync_api import sync_playwright
from pw_helpers import get_proxy_config

with sync_playwright() as p:
    browser = p.chromium.launch(headless=True, proxy=get_proxy_config())
    page = browser.new_page()
    page.goto('https://dev.tools.sgraph.ai/en-gb/infographic-gen/', timeout=30000)
    page.wait_for_timeout(3000)
    methods = page.evaluate('() => window.__tool?.meta?.getMethods?.() || "NOT READY"')
    version = page.evaluate('() => window.__tool?.meta?.getVersion?.() || null')
    print(f"Methods: {methods}")
    print(f"Version: {version}")
    browser.close()