CASE STUDYWeb development · AICOMPLETED

Duskroom

A free ambient focus web app: rooms with looping video, a pomodoro timer, notes and a per-sound mixer. Specced, designed and built in a single day.

Role
Product, design, build, deploy
Timeline
1 day to build, 4 days end to end
Type
Web app

Outcomes

Tools replaced by one browser tab
4 -> 1Tools replaced by one browser tab
From blank page to shipped product
6-7 hFrom blank page to shipped product
Signup steps to start using it
0Signup steps to start using it

Stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Vercel
  • Google Sheets
  • Zod

/01Challenge

I can't concentrate in a quiet room. Silence doesn't clear my head, it fills it with everything unrelated to the task, and the fix I'd used for years was a YouTube tab playing rain or an ambient loop.

That fix stops working the moment you need anything from it. No timer, so pomodoro blocks have to be tracked somewhere else. Nowhere to put the note you need to make without leaving the video. And no control over the mix, so the rain sits too loud over everything and the only volume control moves all of it at once.

The gap was obvious once I described my own bad afternoon in enough detail: the ambient video was solving one problem and creating three more.

/02Approach

Spec before anything else. Three questions in writing - who uses this, who is it actually useful for, and would I use it myself if it already existed - which produced a much longer list of follow-ups. Answering that list is what decided the feature set. The rooms, the two timer modes, the per-sound mixer and the full-screen view all came from that document, not from a brainstorm.

References next, then design in Claude Design. The landing page had plenty to borrow from; the rooms had nothing close enough, which I read as a reason to build rather than a warning. Visual direction for the whole site was settled in the first couple of hours.

Then the environment, before a single feature. Skills, instructions, prompts and project context, with AGENTS.md, CLAUDE.md and copilot-instructions.md all describing the same project and pointing at the same skills - around 42 files by the time setup was done. That configuration is the reason the build session itself was uneventful: the model wasn't guessing at intent, it was executing a plan that already existed.

/03Result

Duskroom shipped as a free web app with no signup. You pick a room and stay in it: an ambient video that loops with no end, a timer with a clock mode and a focus mode for pomodoro, notes inside the room, and a mixer with a separate level for every sound. Every room goes full screen, which is the intended use - it lives on a second monitor while the work happens on the first.

Spec, design and code fit into one weekend day, roughly six to seven hours, on top of an environment that took around 42 files to configure. The videos were the part I'd never done: two to three days learning tools and prompting before I had three loops worth shipping. Three of the eight rooms are live, and the remaining five are waiting on video rather than on code.

Gallery

The three rooms - Neon Balcony, Rain in the Ruins and Reading Room - and who each one is for.
The Neon Balcony room with the focus timer, notes and sound mixer open.

FAQ

What is Duskroom?

A free web app for people who work better with background sound. You pick a room and stay in it: looping ambient video, a timer with clock and pomodoro modes, notes, and a mixer with separate levels for each sound. No signup, no install.

How long did Duskroom take to build?

One day for the product, four days end to end. Spec, design and code took about six to seven hours because the stack was familiar and the design was settled first. The ambient videos took another two to three days, since I had never generated video before.

Why not just use a YouTube ambient video?

Because YouTube gives you the sound and nothing else. There is no timer for pomodoro blocks, nowhere to write a note without leaving the video, and one volume control that moves every sound at once. Duskroom puts those three things inside the room.

Is Duskroom free?

Yes. No signup, no install, no paid tier. It runs in a browser tab and is designed to be opened full screen on a second monitor while you work on the first.