local-png
Skill0 starsChanged 10 days agoMITView on GitHub
Create cards, posters and diagrams as local PNGs.
In this repository57 other files it gives its agents.
- agent/AGENTS.mdAGENTS.md
- AGENTS.mdAGENTS.md
- cron/AGENTS.mdAGENTS.md
- gateway/AGENTS.mdAGENTS.md
- hermes_cli/AGENTS.mdAGENTS.md
- hermes_platform/AGENTS.mdAGENTS.md
- plugins/AGENTS.mdAGENTS.md
- pm/AGENTS.mdAGENTS.md
- skills/AGENTS.mdAGENTS.md
- tests/AGENTS.mdAGENTS.md
- tools/AGENTS.mdAGENTS.md
- tui_gateway/AGENTS.mdAGENTS.md
- web/AGENTS.mdAGENTS.md
- apple-notesSkill
- apple-remindersSkill
- findmySkill
- imessageSkill
- claude-codeSkill
- codexSkill
- computer-useSkill
- hermes-agentSkill
- architecture-diagramSkill
- ascii-videoSkill
- baoyu-infographicSkill
- claude-designSkill
- humanizerSkill
- manim-videoSkill
- p5jsSkill
- popular-web-designsSkill
- songwriting-and-ai-musicSkill
- sdlc-reviewSkill
- email-inbox-triageSkill
- himalayaSkill
- youtube-contentSkill
- obsidianSkill
- document-to-action-itemsSkill
- google-workspaceSkill
- mapsSkill
- meeting-action-itemsSkill
- microsoft-officeSkill
- pdfSkill
- product-price-monitorSkill
- teams-meeting-pipelineSkill
- weekly-review-planningSkill
- arxivSkill
- competitor-news-monitorSkill
- grounded-citationsSkill
- xurlSkill
- codebase-inspectionSkill
- dogfoodSkill
- githubSkill
- requesting-code-reviewSkill
- simplify-codeSkill
- spikeSkill
- systematic-debuggingSkill
- test-driven-developmentSkill
- blocked-page-recoverySkill
The file
We split this skill into the rules it gives an agent
5 rules. About 0 are common, 3 are distinctive, and 2 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈3
Distinctive · estimate
This author's own choices. Worth a look.
2
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Distinctive: line 20
Use for birthday cards, invitations, simple posters, labels and diagrams when the user wants an image file or an image shown in chat.
- Very specific: line 31
Use write_file to save a standalone SVG in the session's project or working folder.
- Very specific: line 34
Use terminal to run the following command.
- Distinctive: line 56
Check that the command succeeded and returned the intended absolute PNG path.
- Distinctive: line 57
When visual inspection is available, verify layout and text before delivery.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Local PNG Skill
Design a static image and export it as a PNG on the machine running Meu. The export uses the installed Chromium and needs no image service or API key.
When to Use
Use for birthday cards, invitations, simple posters, labels and diagrams when the user wants an image file or an image shown in chat.
Prerequisites
The Meu runtime must have its local Chromium installed. If the command reports Chromium missing, report that requirement. Keep the artwork local and do not switch to a cloud image provider.
How to Run
- Use
write_fileto save a standalone SVG in the session's project or working folder. Give the root SVG aviewBoxwith the intended aspect ratio. The canvas is white unless you draw a different background. Use
terminalto run the following command. Quote paths containing spaces.hermes browser render-png "birthday-card.svg" "birthday-card.png" --width 1200 --height 800- On success, copy the returned
MEDIA:line by itself into the final reply to display the PNG inline on Desktop and other attachment-capable surfaces. In a plain terminal, give the absolute path. Keep the PNG in the project so the attachment can still open when the user returns to the conversation.
Pitfalls
- Render self-contained SVG artwork. Use local system fonts and embed any required raster assets as data URIs. Linked resources cannot load.
- For an existing HTML design, reproduce the artwork as SVG first. Preserve the HTML source. The exporter accepts SVG input.
- Choose a new output path if a file already exists. The renderer preserves existing files and reports failures without a media attachment.
Verification
Check that the command succeeded and returned the intended absolute PNG path. When visual inspection is available, verify layout and text before delivery.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

