aiz-infographic
aizzaku/aiz-infographic
Skill that turns data and text into self-contained HTML infographics with PNG export for AI agents
aiz-infographic is an infographic skill that works in Claude Code, Codex, Hermes, OpenClaw, Cursor and other agent hosts that load skills. It produces self-contained HTML infographics with PNG export.
What aiz-infographic does
You paste in data or describe what you want, and the skill designs, codes and exports an infographic in one conversation. The output is a single HTML file that opens in any browser, plus a 2x DPR PNG export made with Playwright. In the browser you can click any text to edit it, change accent colors and undo or redo, with no code needed.
Infographics are composed from five layers: 4 canvases (bento-box by default, editorial, dashboard and poster), 27 snippets, 24 styles, 15 elements and 11 templates. A template bundles a canvas, snippets, a style and elements. The default style is dark, with Bebas Neue and Montserrat and an amber accent pair. An optional signal sheet adds derived insights, and the skill can write social post copy alongside the visual. Updates are manual: re-run the install command.
Key features
- Self-contained HTML output that opens in any browser
- PNG export at 2x DPR through Playwright
- In-browser text editing and accent color changes
- 4 canvases, 27 snippets, 24 styles, 15 elements and 11 templates
- Optional signal sheet and social post copy
- Works across several agent hosts
When to use it
- Turning a data table into a shareable infographic from a Hermes chat
- Producing a dashboard-style snapshot of metrics as HTML
- Exporting a PNG for a social post
Who it is for: Agent users who want finished infographics from data or text without opening a design tool.
How it fits with Hermes Agent
Hermes is named in the README among the agent hosts the skill runs in, alongside Claude Code, Codex, OpenClaw and Cursor.
How to install aiz-infographic
These commands are copied from the project's README. Check the repository for the latest steps before you run them.
curl -fsSL https://raw.githubusercontent.com/aizzaku/aiz-infographic/main/install.sh | bash
npx skills add https://github.com/aizzaku/aiz-infographic
pip install "playwright>=1.40.0" && playwright install chromiumRequirements: Node.js and Python 3.9+ on PATH for the full installer, which also installs Playwright and Chromium
Note: There is no auto-update; you re-run the install command to get the latest version.
FAQ
What is aiz-infographic?
It is an agent skill that builds infographics as self-contained HTML files and exports them as PNG. It offers canvases, snippets, styles, elements and templates to compose from.
Does aiz-infographic work with Hermes Agent?
Yes, the README lists Hermes among the agent hosts that can load the skill, together with Claude Code, Codex, OpenClaw and Cursor.
Is aiz-infographic free and open source?
The repository has no license file, so default copyright applies. Check with the author before reusing or redistributing the code.
Similar skills for Hermes Agent
All skillsEight skills for Hermes Agent that run inbox, tasks, follow-ups, content and a second brain on a schedule
alexei-led Coding PostureSingle SKILL.md that gives coding agents task-aware working modes such as debug, review and migrate
ajmeese7 Hermes Multi-User SkillArchived Hermes skill for running separate agents per user, replaced by native Hermes profiles
pigbiglong Xiaohongshu Ops SkillHermes Agent skill for running a Xiaohongshu account through browser automation over CDP
thanhtantran Agent Reach for HermesHermes skill that routes internet access across ten platforms, adapted from the agent-reach CLI
lmoncany Hermes WordPress MCP SetupHermes Agent skill that connects to WordPress and Elementor over MCP for natural-language site editing
Related guides: What is Hermes Agent? · SOUL.md for Hermes Agent: what it is and how to write one