visual-gen

A package for generating PNG images from HTML and CSS rendered in a headless Chrome browser, meaning Chrome running without a visible window. It creates blog covers, architecture diagrams, and process infographics.

In plain words
What is it for?
Use it to make blog cover images, system diagrams, and step-by-step process graphics.
Why use it?
It turns web-based layouts into image files suitable for sharing or publishing.

Plugin for Claude Code

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Claude Code
/plugin marketplace add widnyana/eyay-toolkits
agentmods
npx agentmods add plugins/widnyana/eyay-toolkits/visual-gen
Clone the repo
git clone --depth 1 https://github.com/widnyana/eyay-toolkits

Made for: Claude Code.

Per session not measured What this adds to a session before it is invoked.
When invoked not measured Not applicable: nothing here is loaded into a session.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Security

Grade A, and why

visual-gen scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 2d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

plugins/visual-gen/.claude-plugin/plugin.json · 13 lines

What it actually says

{
  "name": "visual-gen",
  "version": "1.0.0",
  "description": "Generate blog cover images, architecture diagrams, and process infographics as PNG files using HTML+CSS rendered via Chrome headless.",
  "author": {
    "name": "widnyana",
    "email": "[email protected]"
  },
  "license": "WTFPL",
  "repository": "https://github.com/widnyasa/eyay-toolkits",
  "keywords": ["media", "images", "diagrams", "visual", "html-css", "chrome-headless"]
}
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 2d ago First seen · 13 lines scan A f9f73da85cdb

Subscribe to this mod's changes

visual-gen is a plugin published in the GitHub repository widnyana/eyay-toolkits (6 stars, last pushed 4d ago), licensed MIT. Its token cost is not measured: this kind of file is read by the harness, not the model. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.