Creating svg illustrations
Skill narumiruna/skills/skills/slides-visuals/creating-svg-illustrations
npx -y skills add narumiruna/skills --skill creating-svg-illustrationsAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 8 stars8 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Create, revise, embed, or troubleshoot accessible SVG diagrams and illustrations for slide decks, documents, and other static artifacts, with portable sizing, layout, style, and validation guidance.
SKILL.md
1.8 KB, as published. Nobody here has run it
SVG Illustrations
Start with references/core-rules.md; load only the extra detail the artifact needs.
| Need | Read or use |
|---|---|
| Canvas, style, text, accessibility, validation | references/core-rules.md |
| Reusable compositions | references/pattern-examples.md |
| Marp embedding | references/embedding.md |
| Rendering failures | references/troubleshooting.md |
| Known-good deck example | assets/examples/with-diagrams.md |
Workflow
- Inspect the target slide or document, required dimensions, surrounding palette, and renderer.
- Create the smallest editable SVG that communicates the idea. Use a correct
viewBox, explicit text styles, consistent geometry, and SVG title/description where the visual carries meaning. When embedding, also provide descriptive host-level alt text or an adjacent semantic equivalent as required byreferences/embedding.md; internal SVG metadata alone is not sufficient. - Keep assets portable: avoid embedded fonts, unexplained emoji, unnecessary filters, and base64 content unless the output must be self-contained.
- Validate with
svglintwhen available, then open or embed the SVG in the target artifact and inspect clipping, scaling, contrast, text, and relative paths. - Return the SVG artifact first, followed by validation performed and any renderer or font caveat.
Use slide-authoring or color guidance only when the request also requires it. Do not claim visual inspection when only source validation ran, and do not commit or publish the artifact unless requested.