Effective SVG

_TT4TrJmbq56nHtT.mp4

SVG versions of html-effectiveness, animated and not.

• svg/ static SVGs
• svg-animated/ animated SVGs (declarative SMIL/CSS, so they play even when embedded via <img>)

No skill or tools needed.

Process:

1. Point Claude at a component or website of yours. (I pointed it at a set of effective HTML files.)
2. "let's turn each of these into abstract svgs", then iterate.
3. "let's animate the svgs", then iterate.

https://github.com/backnotprop/plannotator