Neko7 to keep your ADHD cute and pettable #
You can use Neko7 safely as it saves your list and text to your browser cache locally, so only you can see what you’re adding. The only thing it asks (optional!) is your location so it can pull the local weather to match.
I wanted a way to force myself to finish one list of tasks and not get distracted by adding on more and more so this is basically a 7-item task list that cannot be added to until all 7 slots are cleared.
This is Claude Code, plus some mucking about with css and ffmpeg to get it how I wanted, so YMMV.
Neko7 started as a blobby monster that wobbled violently whenever a task bubble was popped but after some forays into animating wireframes, I went back to the classic (and much better drawn!) Neko kitty cat. I grabbed Pixel Cat Animation Pack from itchio’s Last tick which came with two other colour variations, black and white, plus the background from an SVG by FreePix. The tiles are a little bit parallex so Neko7 can walk in front of the trees but behind the grass and flowers.
The side typing (meant to have a vintage typewriter animation but I am absolutely not yet able to rig that so v3.0 maybe) notepad is just to scratch little notes down. The pomodoro timer on the far right is the same - barely functional but enough for what I need.
Mostly, it’s watching the pastel bubbles drift about, Neko7 hissing and jumping and playing with them (yes, the frames are wonky, I’m still working on that!) and when popped, confetti raining down on a happy Neko7. Without tasks, she’ll curl up and sleep.
I also had the sky do dawn-dusk with night stars etc tied to my local timezone. There are two special bubbles that don’t count on the 7-task list but are generated every hour to remind me to go for a walk or get a drink.
Version 2.0 added more animations. The index.html was getting huge with the bit64 strings for the sprites embedded in it, so I pulled them out to an /assets/ directory so it doesn’t hog memory. I added pigeons that fly in occasionally to dive at Neko7, and weather (called via an API for local weather) to have clouds, rain and sunshine appropriately.
The bubbles got fixed to 7 pride colours and made a little more 2D to match the feel, and I tweaked the grass and trees for better cover.
The hardest part was figuring out why Neko7 would get stuck and just spin around in place. When you’re working with Claude Code, you have to put in some kind of logging so that you can grab the exact moments something goes wrong or the AI also spins in place trying to figure out from your description/screenshot of the error what happened. It feels like overkill to do logging for a simple web app, but I promise it saves so much time later.
The issue was that some animations used the L-R sit and stand pose to transition but wouldn’t fully trigger, so she’d end up flipping around until one did trigger, so a check on the trigger state had to be cleaned up to make sure that the L-R poses always went to a full action sequence and didn’t end up looping. It’s still not great which means…
Version 3.0 is to figure out how to do more pixel animations so she can jump and meow and bat at the bubbles, and poke at wireframing which is intriguing and terrifying equally.