Lab Work in progress, on purpose.

Web Playground

Animated Code Editor — Shiki Magic Move — A progressive browser experiment showing how animated, syntax-highlighted code can present an engineering journey like a living VS Code or terminal story.
Build Pipeline Terminal — A release replayed as live terminal output in xterm.js — the emulator VS Code uses — including the check that refuses to let it through, because a pipeline that is always green is not telling you anything.
CSS Single-Div Circuit — Place and route drawn on one element — components scattered, nets routed as Manhattan paths, then optimised, compacted or scattered — with every trace, via and package a single entry in one box-shadow.
Single-Div Schematic — A logic schematic — AND, OR, XOR, NAND, NOR and inverters, wired with curved connections — drawn on one element as a stack of background layers, because the box-shadow technique next door cannot draw a curve.

Basic feed reader — The smallest thing that reads a feed and shows it: fetch, parse, list.
Feed as a table — The same items arranged as sortable rows, once a list stops being enough.
The Daily WTF reader — A single real feed, read end to end, with the shape its source actually gives you.
Hacker News reader — Server-side fetch and render, so nothing depends on the browser reaching the source.
ESPN headlines — The same reader pointed at a feed that formats things its own way.
Verse of the day — A small daily feed, rendered server-side.
Feed dashboard — Several feeds aggregated into one page, backed by a store rather than re-fetched on every view.

From URL to Webpage — A compact ChatGPT prompt turned into a structured technical explainer, used to test rich Markdown rendering and basic prompt-to-document quality.
Incident Notes to Operations Brief — ChatGPT turns messy incident notes into a timeline, fact-versus-hypothesis view, action table, executive brief, and structured JSON.
The Small Software That Outlives the Big Rewrite — A ChatGPT-generated engineering essay testing long-form Markdown, tables, quotes, code, diagrams, and opinionated technical writing.
Tiny Dependency Graph Analyzer — A small Python dependency resolver generated from a natural-language requirement, with failure cases, tests, and complexity notes.