← All work

Foreground: the work you keep putting off, surfaced

Live demo · Open source (MIT) Built with Claude Code · Independently audited
Role
Product manager and builder, end to end
Stack
React, TypeScript, Supabase
View on GitHub ↗ Try the live demo ↗
Foreground: a WSJF prioritization board with ranked work items and their scores
The "what now" view: workable items ranked by score, with the arithmetic behind each rank on the card.

Foreground applies the frameworks and rituals of professional product work to my own daily workload, and shipping it was itself an exercise of those same skills. It is a single-person prioritization tool that treats the tasks you keep skipping as a signal, ranks everything by a transparent score, and manages its own development the way it manages my work. These are the same frameworks I use in professional product work, pointed at my own workload in a tool I specced and shipped. It is not a replacement for enterprise tooling or process, just the same thinking at personal scale.

The problem

Every to-do list has the same failure mode: important work sinks to the bottom and stays there. The loudest, newest, or easiest items get done first, and the ones that actually matter get postponed until they turn into emergencies. I wanted a tool that noticed when something had sat untouched and pushed it back up, without letting neglect alone manufacture false urgency.

The professional practices it mirrors, and how I use them daily

The features that make practicing those workflows possible

Built and verified

Foreground is a React and TypeScript app on a Supabase data layer, with a localStorage mode for local and demo use. A grooming assistant turns raw captures into structured user stories through the Anthropic API. Claude Code built it autonomously from the spec, a Playwright end-to-end suite drives every screen, and the whole thing was independently audited. The prioritization model and the judgment behind each weight are written up in FRAMEWORK.md and DECISIONS.md, so the framework can be read and challenged, not just used.

Where it stands

  • Live as a browser demo on seed data, and open source under the MIT license.
  • Every ranking factor is documented and every framework weight is defended in writing rather than hand-waved.
  • Built and audited end to end, with an automated test covering each screen.

Shipping Foreground drew on the same practices it models: a written spec, a defined prioritization framework, a prioritized backlog, an independent audit, triaged remediation of what the audit surfaced, and a documented decision log.

Read the code and the framework docs on GitHub ↗