Tools

QR Code Lab

One message to Hermes became this tool. Turn any text into a scannable QR code in squares, dots or retro lines, recolor it, and export SVG, PDF, PNG or JPG.

  • 1 prompt
  • 3 styles
  • SVG · PDF · PNG · JPG
A desktop monitor on a walnut desk under a brass lamp, showing a purple dot-style QR code in the QR Code Lab

Type anything, pick a shape, recolor it, and download. Three styles — squares, dots, and retro lines — each a fully scannable code. Everything runs in your browser; nothing you type ever leaves the machine.

How this was made

Prompted through Hermes

This lab started as one message to Hermes, the studio’s agent. Hermes wrote the page, checked it in a headless browser, and handed it over.

  1. Built the page using the Silken look the other builds share, with qrcode-generator and jsPDF doing the encoding and the PDF.
  2. Added a third style, retro lines, because the prompt said “whatever else you think”.
  3. Found and fixed a bug in the SVG export of the retro style before handing it over.
  4. Checked every style and export in the browser: all three shapes, the PNG, the SVG and the PDF.
  5. Tuned for scanning before publishing: the three corner squares are always drawn solid and the retro bars are thicker, so every style decodes.

The prompt · Nov 9, 2026

Now also create a QR code lab that lets users create a QR code in plain text and also have three different styles, square pixels, circles and whatever else you think. Have options to download svg, pdf png and jpg, and options to have custom foreground color and background color

Sent to Hermes as written, typos and all. About 30 minutes from the prompt to a checked page.

A tablet lying on a pale birch table with a pencil, showing the Contrast Checker grading a terracotta and cream pair at 3.75 to 1

Contrast Checker

Check any text and background colors against WCAG 2.1 AA, the ADA standard. Get the nearest passing color in the same hue, grade a whole palette, and preview it with color blindness.

Tools / Accessibility tool
A 3D model of a web page split into four glowing layers, shown on a large screen at the end of a conference room table

Site Pipeline

How a Figma file or a Lexington theme becomes a client site with a Sanity editing studio on Cloudflare's edge. Orbit the page in 3D layers, then try the studio the client gets.

Systems / Client sites
Pairs of images made by two local image models from the same prompts, side by side

Image Studio

Local image generation on the studio Mac. Compare Qwen-Image (research roughs) and FLUX schnell (client-safe finals) on six prompts and copy any prompt.

Software