Infographic Builder
AI Skills

Infographic Builder

Skip to main content
< All Topics
Print

Infographic Builder

Posted
Updated
ByPU Publish
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%

Generate structured infographic briefs and production-ready PNG images from knowledgebase documents through conversational intake, Claude-powered content extraction, category-aware template rendering, and WordPress upload.

Workflow


Phase 1  Intake ──► Phase 2  Brief Generation ──► Phase 3  Review
  │                                                    │
  └─ user refines scope ◄─────────────────────────────┘
                                    │
                              Phase 4  Render ──► Phase 5  Upload ──► Phase 6  Frontmatter

## Phase 1: Intake and Scoping

Accept the user’s request and resolve it into structured parameters:

| Parameter | Question to resolve | Default |

|———–|——————-|———|

| Subject | Which document is this infographic for? | (required — slug or title) |

| Category type | What kind of content is it? | Infer from document category |

| Template override | User-specified template type? | Auto from category mapping |

| Visual style | formal (Editorial Civic) or sketchnote (hand-drawn whiteboard)? | formal — ask if ambiguous |

| Render mode | Local PNG only, or upload to WordPress? | Both |

Two selectable visual design systems render from the same structured brief:

formal (default, navy/parchment/gold, Inter typeface) and sketchnote

(hand-drawn whiteboard, blue/orange accents, Virgil hand-lettered headings —

best for social-first explainers and process diagrams). Full contract:

gui/templates/infographics/DESIGN-VISUAL.md.

### PU category → template mapping

| KB category | Template | Brief focus |

|————-|———-|————-|

| 01-convicted-and-indicted through 09-media-other | accountability | Subject, role, key actions, severity, timeline, connections |

| voting | voting | State requirements, critical dates, barriers |

| legal | legal | Core concept, rights, amendments, key cases |

| investigative-tools | investigative | Tool, purpose, workflow steps, capabilities |

| civic-engagement | civic_engagement | Topic, strategies, resources, impact |

| truth-reconciliation | truth_reconciliation | Concept, precedents, principles, US application |

| 01-press-freedom | press_freedom | Incident type, actors, impact, threat level |

| speech-analysis | speech_analysis | Speaker, markers, severity, pattern analysis |

| ai-skills | ai_skills | Skill name, capability, use cases, composable skills |

| learning-paths-* | learning_paths | Path name, audience, modules, outcomes |

| All others | general | Topic, key points, data points, action items |

Phase 2: Brief Generation

Use Claude to extract a structured JSON brief from the document, tailored to its category. Each category has a specific schema defining the exact fields to extract (headline, key data points, bottom line, etc.).

Phase 3: User Review

Present the brief for review. The user may edit, add, or remove items, change template, or regenerate with different emphasis.

Phase 4: Render to PNG

Render the approved brief through: Jinja2 HTML template → WeasyPrint PDF → pypdfium2 PNG (2× scale). 11 category-specific templates × 2 styles (formal + sketchnote) plus a shared base layout per style. For style="sketchnote" + the template renderer, an optional AI-generated hero illustration (Gemini/Flux) can be injected above the structured content.

Phase 5: Upload to WordPress

Upload the rendered PNG to the WordPress Media Library via WPClient.upload_media().

Phase 6: Store in Frontmatter


infographic_id: 12345
infographic_url: "https://patriot.university/wp-content/uploads/.../slug-infographic.png"
infographic_source: "weasyprint"   # or "gemini" / "flux"
infographic_style: "formal"        # or "sketchnote"

Then publish: python scripts/pu_publish.py --apply --only {slug}

Composed skills

Skill Role
patriot-content-authoring Frontmatter conventions, document structure
accountability-profile-verification Source citation standards
fact-checking Verify extracted facts
patriot-sanity-check Final accuracy and proportionality check

Guardrails

  • Apply patriot-private-citizen-inclusion-gate before building infographics for any individual.
  • Apply patriot-sanity-check on the brief before rendering.
  • Never include claims not sourced in the original document.
  • Mark inferred or estimated data per ITI Inferred Data Transparency rule.
Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
Please Share Your Feedback
How Can We Improve This Article?
Table of Contents

Related Articles