Skip to main content

ENGINEERING LOG

Building in public

What shipped, what I decided, and why. A curated record of the engineering process across all projects.

SHIPPEDTemporal Architecture

Community research sprint — shipped 10 items in one session

Conducted community research across Reddit and dev.to on monorepo design system best practices. Identified 10 gaps and shipped all of them: polished README with mermaid architecture diagram, Storybook with 6 story files, interactive theme playground with oklch color manipulation, shared ESLint config, Changesets for versioning, Plop generators, axe-core a11y tests, visual regression baselines, health dashboard, and cross-platform token export (CSS, JSON, iOS Swift, Android XML).

DECISIONTemporal Architecture

Why oklch for design tokens

Chose oklch over HSL for the color system because oklch provides perceptual uniformity — a 10° hue shift at any lightness looks like the same amount of change. This means theme presets (violet, warm, cool, emerald, rose) all feel equally vibrant without manual tuning. The theme playground's hue slider demonstrates this perfectly.

AGENT FLEETMission Control

Agent fleet review: 7 personas, one architecture

The agent fleet concept has become a cross-cutting pattern. Valkyrie orchestrates, Nova handles UI/UX review, Sentinel runs testing, Blueprint reviews architecture, Forge manages DevOps, Signal tracks telemetry, Ledger monitors costs. Originally built for Mission Control, now used across Temporal Architecture and Role Notes. The same agents that review code in one project inform design decisions in another.

INSIGHTPortfolio

Personal brand as visible system

Research found that the strongest personal brand signal in 2026 is a visible, opinionated system — not a list of projects. Added Temporal Architecture and Mission Control as portfolio case studies, with tech stack badges and AI workflow indicators. The thread connecting all projects is now visible: component libraries, agent fleets, editorial platforms. Same architectural DNA, different expressions.

DECISIONTemporal Architecture

Sub-path exports: ship only what you use

Split the design system into sub-path exports — import tokens, themes, hooks, or components independently. This means a site that only needs the color palette doesn't pull in React components. Tree-shaking at the package boundary, not just the module level.

SHIPPEDTemporal Architecture

14-component design system with 5 theme presets

Shipped the full design system: Section, Heading, Body, Button, Card, Navbar, Footer, ThemeProvider, CommandPalette, ErrorBoundary, Skeleton, PageTransition, Magnetic, WebVitals. Each component uses CSS custom properties backed by oklch tokens. Five theme presets (violet, warm, cool, emerald, rose) prove the system works — same components, completely different personalities.

DECISIONRole Notes

Annotation system as collective intelligence

The Role Notes annotation layer only surfaces patterns after multiple professionals document the same observation. This creates signal from noise — a single complaint is noise, three independent observations of the same pattern is intelligence. The threshold is configurable per employer.

INSIGHTGlobelle Gazette

Editorial system with dignity metrics

The Globelle Gazette tracks 7 dignity metrics on every story. This isn't sentiment analysis — it's structural. How does this story position the people it's about? Does it preserve their agency? The metrics surface stories that uphold editorial values without requiring editors to manually tag every piece.