Remove Animations

Remove all SMIL animations from SVG files

brxs Updated

File contents

Remove Animations

Strips all SMIL animation elements from an SVG file. Useful for creating static versions or preparing SVGs for print/plotter output.

Usage

node .claude/skills/remove-animations/index.js <svg-file>

What It Removes

Element Purpose
<animate> Attribute animations
<animateTransform> Transform animations (rotate, scale, etc.)
<animateMotion> Motion path animations
<set> Discrete attribute changes

Examples

# Remove all animations from an SVG
node .claude/skills/remove-animations/index.js output/animated.svg

# Create a static copy first
cp output/animated.svg output/static.svg
node .claude/skills/remove-animations/index.js output/static.svg

Use Cases

  • Print preparation - Remove animations for static print output
  • Plotter output - Simplify SVG for pen plotters
  • Performance - Create lighter static versions
  • Compatibility - For tools that don't support SMIL

Notes

  • Modifies the file in place
  • Creates a backup before running if needed
  • Does not remove CSS animations (only SMIL)
  • Cleans up whitespace left by removed elements

brxs/claude_svg_skills/tree/main/.claude/skills/remove-animations commit 75740de12c

Frequently asked questions

npx skillmds@latest add brxs/remove-animations