Driven by pure curiosity about LLMs' ability to generate SVGs, I built this benchmark project. I picked
Pokémon across different dimensions, had the LLMs output pure SVG data directly via APIs, and finally
ranked them through manual evaluation.
I designed both the frontend and backend completely from scratch, which also taught me a ton about how test
suites and evaluation workflows actually work. Honestly, a lot of the tiny details were way trickier than I
expected.
The generated data itself turned out to be super interesting, so I went ahead and made a "Who's that
Pokémon?" mini-game. All the SVGs are displayed as black silhouettes for users to guess who's who. But since
the generated SVG structures can be a bit chaotic, massive solid backgrounds would often pop up and block the
Pokémon's outline. To fix this, I added a quick review page in the admin panel where I can just input the
number of layers to hide, stripping away those bottom color blocks. I'm honestly pretty proud of myself for
using this little trick instead of overengineering some complex recognition algorithm.
Built with Svelte + Cloudflare.
