Project Infographic

Create browser-rendered project infographics from a durable design brief and visual contract. Do not start with Mermaid, SVG wiring, PowerPoint-style hero graphics, PNG export, or a rendered image when the project meaning is still unsettled.

This skill is for project-specific explanatory infographics. It must prove that the agent understands the project before drawing it. The target output is a legible, zoomable, selectable browser-rendered explanation of how the project works, similar to a technical workbench map with numbered stages, legends, source-grounded artifact names, decision points, failure paths, and human review loops.

This skill creates explanatory technical infographics, not app screens, dashboards, KPI pages, status monitors, landing pages, or Mermaid diagrams. A dashboard reports current state. An infographic explains system meaning, flow, causality, and review logic.