/01Задача
Я не могу сосредоточиться в тихой комнате. Тишина не помогает мне привести мысли в порядок - наоборот, голова заполняется всем подряд, что никак не связано с задачей. Поэтому годами я решал эту проблему просто: открывал на YouTube дождь или какой-нибудь зацикленный атмосферный звук и оставлял его играть на фоне.
Но этот способ перестаёт работать, как только тебе от него нужно что-то ещё. Таймера нет, поэтому помодоро-интервалы приходится отслеживать где-то отдельно. Записать нужную заметку, не уходя со страницы с видео, тоже негде. И нельзя нормально настроить микс - дождь начинает слишком сильно перекрывать всё остальное, а единственный регулятор громкости меняет громкость всех звуков сразу.
Пробел стал очевиден, когда я достаточно подробно разобрал свой собственный неудачный день: атмосферное видео решало одну проблему, но одновременно создавало ещё три.
/02Подход
Сначала - спецификация. Я письменно ответил на три вопроса: кто этим будет пользоваться, кому это действительно полезно и стал бы я сам этим пользоваться, если бы оно уже существовало? Эти вопросы породили гораздо более длинный список дополнительных вопросов. Именно ответы на этот список в итоге определили набор функций. Комнаты, два режима таймера, отдельный микшер для каждого звука и полноэкранный режим - всё это пришло из того документа, а не из brainstorm.
Дальше - референсы, а затем дизайн в Claude Design. Для лендинга было откуда брать идеи, а вот для комнат ничего достаточно похожего не нашлось. Я воспринял это не как предупреждение, а как причину сделать всё самим. Визуальное направление всего сайта определилось в первые пару часов.
После этого, ещё до реализации хоть одной функции, я настроил окружение. Skills, инструкции, prompts и контекст проекта, при этом AGENTS.md, CLAUDE.md и copilot-instructions.md описывали один и тот же проект и ссылались на одни и те же skills - к моменту завершения настройки получилось около 42 файлов. Именно эта конфигурация сделала саму сессию разработки довольно спокойной: модели не приходилось угадывать, чего мы хотим, она просто выполняла уже существующий план.
/03Результат
Duskroom вышел как бесплатное веб-приложение без регистрации. Ты выбираешь комнату и остаёшься в ней: бесконечно зацикленное атмосферное видео, таймер с режимом часов и режимом фокуса для pomodoro, заметки прямо внутри комнаты и микшер с отдельной громкостью для каждого звука. Каждая комната открывается на весь экран - именно так приложение и задумано использовать: оно живёт на втором мониторе, пока работа идёт на первом.
Спецификация, дизайн и код уложились в один день выходных, примерно в шесть-семь часов, поверх окружения, на настройку которого ушло около 42 файлов. Видео были единственной частью, которой я раньше не занимался: два-три дня ушло на изучение инструментов и работу с prompts, прежде чем у меня появились три готовых к публикации лупа. Из восьми комнат сейчас доступны три, а остальные пять ждут не кода, а готовых видео.
