SVG

Create and optimize SVG graphics with proper viewBox, accessibility, and CSS styling.

Security Scan

The skill is documentation-only and its requirements match its SVG-focused purpose, but it instructs the agent to create a persistent file in the user's home directory (~/svg/memory.md) which you should be aware of and may want to control.

Purpose & Capability

Name/description (create & optimize SVGs) align with the provided guidance files (viewBox, accessibility, optimization, styling, embedding). The only extra capability is storing user preferences, which is reasonable for a UX-oriented helper but is not declared in metadata.

Instruction Scope

SKILL.md and the included markdown files contain only guidance and examples relevant to SVG authoring/optimization. The SKILL.md explicitly tells the agent to persist user preferences to ~/svg/memory.md and to 'create on first use' — this is outside purely read-only documentation and grants the skill permission to write a file in the user's home directory.

Install Mechanism

Instruction-only skill with no install steps, no downloads, and no code files. Lowest-risk install footprint.

Credentials

No environment variables, credentials, or external config paths are requested. The only data the skill writes is a local preferences file; it does not request cloud credentials or unrelated secrets.

Persistence & Privilege

The skill persists preferences to ~/svg/memory.md. It is not always-enabled and does not request elevated privileges or modify other skills, but the implicit write-to-home behavior is a persistence action users should consent to and be able to inspect/delete.

Assessment

This is a documentation-only SVG helper that appears to do what it says. Before installing, note that it will create and update a local preferences file at ~/svg/memory.md to remember workflow defaults and accessibility/optimization settings. If you’re comfortable with a local file being written, proceed; otherwise ask the skill author (or your admin) to make memory optional or to store it under a path you control. After first use, inspect ~/svg/memory.md to confirm it only contains non-sensitive preferences and remove it if you don't want persistence.

Quick Reference

Topic	File	Key Trap
viewBox & Scaling	viewbox.md	Missing viewBox = no scaling
Screen Readers	accessibility.md	role="img" + title as first child
SVGO Config	optimization.md	Default removes viewBox/title
Inline vs img	embedding.md	<img> cannot be styled with CSS
currentColor	styling.md	Hardcoded fills block theming

Critical Defaults

<!-- Minimum viable SVG -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
  <path d="..."/>
</svg>

Common Mistakes Checklist

• viewBox present (not just width/height)
• Coordinates within viewBox bounds
• No hardcoded fill="#000" if theming needed
• role="img" + <title> for informative SVGs
• aria-hidden="true" for decorative SVGs
• Unique IDs across all inline SVGs on page
• xmlns included for external .svg files

Memory Storage

User preferences persist in ~/svg/memory.md. Create on first use.

## User Preferences
<!-- SVG workflow defaults. Format: "setting: value" -->
<!-- Examples: default_viewbox: 0 0 24 24, prefer_inline: true -->

## Accessibility Mode
<!-- informative | decorative -->

## Optimization
<!-- Tool and settings. Format: "tool: setting" -->
<!-- Examples: svgo: preset-default, remove_metadata: true -->

## Icon Defaults
<!-- Fill and sizing preferences -->
<!-- Examples: fill: currentColor, default_size: 24x24 -->

Empty sections = use skill defaults. Learns user preferences over time.