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.
npx skills add muxia0396/svg-icon-skills --skill create-svg-icongit clone --depth 1 https://github.com/muxia0396/svg-icon-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/muxia0396/svg-icon-skills/create-svg-icon)<a href="https://agentmods.dev/skills/muxia0396/svg-icon-skills/create-svg-icon"><img src="https://agentmods.dev/badge/skills/muxia0396/svg-icon-skills/create-svg-icon/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/muxia0396/svg-icon-skills/create-svg-icon"><img src="https://agentmods.dev/badge/skills/muxia0396/svg-icon-skills/create-svg-icon.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00088 | $0.01284 |
| Opus 5 | $0.00044 | $0.00642 |
| Sonnet 5 | $0.00018 | $0.00257 |
| Haiku 4.5 | $0.00009 | $0.00128 |
Grade A, and why
create-svg-icon 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 12d 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.
How it starts
The opening of the file, as written. The whole thing — 124 lines — stays where its author put it; the contents beside it link to each section on GitHub.
Create SVG Icon
Create original icons through one fixed pipeline:
design system → ImageGen PNG → visual approval → PNG-to-SVG reconstruction → SVG QA
Resolve <skill-dir> to this skill directory and <collection-dir> to its parent. The required conversion skill is <collection-dir>/png-to-svg/SKILL.md.
Non-negotiable workflow gate
- Read
references/icon-design-guide.mdcompletely before making design decisions. - Use the host's callable ImageGen/image-generation tool to create the raster concept.
- Generate only linear or filled icon artwork unless the user explicitly expands the style scope.
- Do not draw, code, trace, or deliver the final SVG until a generated PNG concept has been inspected and accepted for conversion.
- After the PNG is accepted, load and follow the sibling
$png-to-svgskill for every final icon. - Never embed the generated PNG in the SVG. The PNG is design evidence; the SVG is a clean vector reconstruction.
If ImageGen is unavailable, stop and tell the user that the required first stage cannot run. Do not silently bypass it by drawing an SVG directly.
1. Define the icon system
Ask only for information that cannot be inferred from supplied product context. Otherwise make reasonable decisions and record a compact style spec:
- icon names and intended meanings;
- target size and usage context;
- linear or filled construction;
- live area, padding, optical sizing, angle set, and detail budget;
- stroke width/caps/joins for linear icons;
- corner language and fill rule;
- locked color hex values;
- one recurring brand motif, when appropriate;
- light/dark background requirements and active/inactive states.
For a set, write each concept as name — one concrete metaphor. Use one idea per icon and keep abstraction and detail density consistent.
Use references/style-specs.md as the baseline, then adapt it to the product rather than producing generic recolored symbols.
2. Compose the ImageGen prompt
Use references/imagegen-prompt.md. Include, in order:
What ships with it
6 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
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.
- 12d ago First seen · 124 lines · 88 tokens per session scan A c886710b6966
create-svg-icon is a skill published in the GitHub repository muxia0396/svg-icon-skills (2 stars, last pushed 1mo ago), licensed MIT. It adds 88 tokens to every session and 1,284 once invoked, about $0.0004 per session on Opus 5. 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.
Other skills, from other repositories
thesvg
Fetch brand SVG logos and cloud architecture icons (AWS, Azure, GCP) from theSVG. Use when the user asks for a brand logo, company icon, framework mark, service icon, or any "icon/logo for X" where X is a real brand or cloud service. Returns ready-to-use CDN URLs or raw SVG markup.
wireframe
Produce low-fidelity black-and-white UI wireframes as SVGs or viewer pages. Use when asked to wireframe, sketch a screen, draft a layout, make a low-fi mockup, or publish wireframes.
fireworks-tech-graph
Create technical diagrams such as software architecture, data flow, flowcharts, sequence diagrams, C4 reviews, cloud deployments, event streams, observability investigations, agent/memory systems, UML, ER, network topology, timelines, and technical concept maps, then export SVG, PNG, focused semantic SVG-to-GIF…
data-viz-renderer
Generate self-contained HTML/SVG infographics from JSON data, including stat cards, bar charts, flow diagrams, and mixed dashboards. Offers 8 color palettes and built-in icons with no external dependencies. Triggered when users request data visualization, infographics, charts, or dashboards.
ip-as-logo
Generate extremely simple, cute, personified square character images with rounded heavy forms, two purposeful character colors, one solid background color, and a dominant lower-corner composition. Use when creating an animal, creature, robot, ghost, plant, object, or other character image, including when the agent…
add-icon-mapping
Add or modify icon keyword mappings for providers, models, or agents in lobe-icons. Use this whenever a task involves mapping a provider/model id to an icon, adding a new entry to ModelProvider enum or providerMappings/modelMappings/agentMappings, or fixing a provider/model that renders the fallback (default) icon in…