u/pplgltch

▲ 47 r/trmnl

This runs as a recipe on a local byos_next instance, it's basically a generated SVG exported with Sharp.

I first designed the screen in Figma, export as SVG, manually reworked the text back as `text` and `tspan` tags. I then added a recipe that use the (very unofficial) anthropic API to get usage as JSON, replace the content in the SVG and convert it to a 2bits png with sharp. Everything was built with the assistance of Claude.

Using SVG allowed me to use custom fonts. I'm sure there are better ways to do that, but it was a fun exercise! And it ended up being quite handy for me.

u/pplgltch — 14 days ago