I Have My Own Design System

It is a classic set of styles and components for the web, with no unnecessary dependencies. Alongside them is a single skill for agents, broken down into the different tasks where I use it.

First, I want to make web pages that do not look like slop and that I enjoy looking at. This is not even so much about design as it is about simplicity and usability. I know what to expect from my pages. They are a tool for me.

Second, I want to make presentations. That is tricky territory. Slop in slides is an even greater evil than slop on disposable web pages, because other people will have to look at it later. So I took this part quite seriously.

Technically, of course, I vibe-coded it. But you cannot imagine how long I spent reviewing, polishing, and regenerating everything I would eventually have to look at. My tastes are rather specific, and I have my own habits for making slides and the tools I like working with.

The setup quickly grew scripts for common tasks and tests that algorithmically block the agent whenever it gets too creative with the design. It cannot use tiny fonts or put widely spaced all-caps text next to a heading.

It turned out to be very convenient. Now this skill is a must-have everywhere: on my home computer, at work, and in Hermes. Hermes has reached the point where it can publish authenticated pages for me in this design. I also made the presentation for my latest meetup entirely with an agent, and it looks quite good. I have had a genuinely positive experience with both use cases, and I will definitely write about them too—but not today.

You can take a look at the GitHub repository or the documentation page with examples.