scosman · January 20, 2025 15:00
diff --git a/1 - Animating SVGs with Sonnet 3.5 b/1 - Animating SVGs with Sonnet 3.5
 I used sonnet 3.5 and Cursor to created a logo which animates on entry.

 Input file: initial_logo.svg (below)

 Prompt: 
 ```
 Let's add a start up animation to this SVG

 Make it feel like feel like the logo starts broken, then fixes itself piece by piece. In a playful style like pixar.
 ```

 Output: animated_looped.svg (below). 

 Notes:
 - I had zero prior experience with animating SVGs. My first prompt was "can you animate SVGs?".
 - I did a second edit with Sonnet to make the animation repeat for this gist, but the initial edit was correctly a 1-time intro animation.
 - It took 10x longer to format this gist then make the animation I wanted.
 
 
diff --git a/2 - initial_logo.svg b/2 - initial_logo.svg
diff --git a/3 - animated_looped.svg b/3 - animated_looped.svg
	I used sonnet 3.5 and Cursor to created a logo which animates on entry.

	Input file: initial_logo.svg (below)

	Prompt:
	```
	Let's add a start up animation to this SVG

	Make it feel like feel like the logo starts broken, then fixes itself piece by piece. In a playful style like pixar.
	```

	Output: animated_looped.svg (below).

	Notes:
	- I had zero prior experience with animating SVGs. My first prompt was "can you animate SVGs?".
	- I did a second edit with Sonnet to make the animation repeat for this gist, but the initial edit was correctly a 1-time intro animation.
	- It took 10x longer to format this gist then make the animation I wanted.