Code

A month ago, I wrote about my first three weeks with Claude Code. At that point, I had a few tools working: an email CLI, a Tana integration, some calendar automation. It felt like a lot. I just ran the numbers. It’s considerably more than I thought. The Numbers Here’s what Claude and I have built together since early December: Project Files Lines of Code Supertag CLI (Tana) 163 44,116 Tool for my Psychotherapist wife 63 21,331 Email Skill 46 10,523 Daily Briefing - 4,481 PII Anonymizer - 2,894 Calendar (ical) - 2,235 Tado Thermostat - 1,551 Other KAI Skills 294 total ~70,000 Total: roughly 135,000 lines of TypeScript. ...

Three weeks ago I started using Claude Code, Anthropic’s CLI tool that lets Claude work directly in your terminal. Shortly after, I discovered PAI - Personal AI Infrastructure, a framework by Daniel Miessler that turns Claude Code from a capable tool into something far more powerful. The core insight of PAI is deceptively simple: apply the Unix philosophy to AI. Small tools that do one thing well. Composable. Each tool you build makes the whole system more capable. Daniel built the meta-layer - the skill system, the delegation patterns, the constitutional principles that keep Claude focused and effective. I get to build on top of that foundation. ...

My quest for a slimmer website is ongoing. The newest addition tackles responsive images. This technique allows the browser to select an optimal format for an image, for example a small image on a mobile phone and a larger one, on a desktop. The technique I use is based off of the works by Laura Kalbag, Adam Wills and Nils Norman Haukås. I use the same Hugo Image Processing techniques as in other parts of the Hugo Chaschper template, this time in a figure shortcut that overrides the Hugo internal one. ...

The Website Obesity Crisis is a wonderful talk about the sheer size that even simple websites have. Thanks to @stilkov for the pointer: 2025-01-06: There used to be a link to twitter here, but somewhere in the last few years since I deployed my blog the twitter API changed/broke/whatever. I have therfore removed the content. That led me to look at the size of this blog and it was scary: The weight of the front page of this humble blog is a whopping 5 MB. When looking for the culprits, I came across two problematic areas: ...

One of these “ohh - that’s a nice idea, I should totally also implement that” ideas. I stumbled upon the Dream Plus Hugo theme, that included a little badge that linked to a Travis CI build status. Using CI (Continous Integration) to check the sanity of the template seemed like a good thing to me, so I looked around on how various people do this. I found one template by Vicky Lai that included HTML checking. After a bit of fiddling around, to get the correct command line incantations going, and some more fixing of malformed HTML, the Hugo Chaschper template now is tested, the exampleSite is updated to include some “real” content and a number of niggling issues in the HTML have been fixed (missig alt image attributes, a malformed <script</script> tag). ...

The new version of the Chaschper template that I’m using to power this blog has gained a new capability: Image galleries. I started out with a gallery by VickyLai to see how to do that in general. From there I looked at How to Build a Responsive Image Gallery with Flexbox to do some basic layouting and Fluidbox to style the images and load larger versions. I didn’t quite like the way, the galleries were defined in the original example, so I came up with the following scheme: ...