Разработчик использует Claude Code для превращения макета диаграммы расходов в готовый продукт за одну ночь.

Итеративная разработка с Claude Code

Разработчик, создающий приложение для личных финансов в одиночку, использовал Claude Code в качестве единственного инструмента разработки для переработки графика расходов. Процесс включал четыре итерации исправлений в одной сессии, в результате чего график перешёл от качества макета к почти готовому качеству примерно за 3 часа.

Конкретные исправления на основе промптов

Разработчик обнаружил, что конкретные, детальные промпты были необходимы для получения хороших результатов. Расплывчатые промпты вроде «сделай график лучше» были неэффективны, в то время как точные инструкции давали немедленные исправления.

Улучшения по итерациям

• Итерация 1: График занимал только 40% ширины экрана, потому что ось X отображала дни с 1 по 31, хотя было только 13 марта. Разработчик сделал скриншот проблемы, описал её Claude Code, и он исправил диапазон, чтобы использовать только существующие точки данных.
• Итерация 2: Три проблемы исправлены одним промптом: линия выходила за левый край экрана, градиентная заливка была невидимой (использовался тёмный цвет из темы вместо акцентного золотого), и вокруг графика была пунктирная рамка, похожая на отладочную.
• Итерация 3: После сравнения с графиком Robinhood разработчик заметил, что ось Y начиналась с 0, из-за чего дни с небольшими расходами прижимались к низу, а недавние всплески сжимались вверху. Claude Code перемасштабировал ось Y, чтобы использовать весь вертикальный диапазон, и добавил отступы сверху и снизу, чтобы линия никогда не касалась краёв.
• Итерация 4: Были реализованы цветовые обозначения настроения (зелёный для радости, золотой для необходимости, красный для сожаления на каждом сегменте графика), градиентная заливка наконец отобразилась, а сглаживание линии было запланировано как следующий шаг.

Эффективный рабочий процесс

Успешный подход разработчика включал скриншоты фактического вывода на устройстве после каждой итерации и точное описание того, что было не так по сравнению с эталоном (Robinhood). Это устранило необходимость поиска в Stack Overflow или документации в течение 3-часовой сессии.