Сделал минималистичный сервис для создания резюме через Claude Code

Делюсь своим опытом, тем что узнал в процессе, и советами для тех кто хочет начать заниматься вайбкодингом.

И так, прежде чем набегут умники-программисты-синьоры-противники нейросетей и прочие, хочу обозначить свою позицию. Я в IT уже достаточное время, умею сам писать код и имею в этом достаточно большой опыт. В основном я занимался веб-разработкой, но время от времени для себя пилил всякие поделки на python, сейчас я работаю аналитиком данных, но в ближайшие годы планирую полностью свернуть в сторону разработки.

Нейросетями, а в частности Claude я пользуюсь практически каждый день на своей основной работе, и иногда что-то там да и заходил в Claude Code, чисто из интереса посмотреть на что он способен. Но примерно с лета прошлого года у меня появилась идея, в то время я активно искал работу, и часто менял резюме под вакансии, зачастую по 3-4 раза в день, и использовал я для этого сайт overleaf.com.

На этом сайте можно создавать текстовые документы, в том числе и резюме с помощью языка вёрстки LaTex. В основном LaTex используют для написания научных статей, диссертаций, тех.документаций и много ещё другого, но более простое применение у него тоже есть. Как я сказал я делал все свои резюме через него, и в какой-то момент просто устал каждый раз переписывать код, ради нескольких строк и просто кидал всё нейронке с инструкциями что и где поменять.

Параллельно я начал искать в интернете более простые инструменты где можно было бы создавать резюме только используя интерфейс самого сайта, приложения и т.д. Поиски мои особо большими результатами не обвенчались, большая часть веб-сайтов были либо платные, либо в них была куча ненужного мне мусора, а какие-то просто были визуально неприятные. В итоге я бросил это дело, и загорелся идеей сделать свою платформу, бесплатную, минималистичную, чтобы любой мог зайти, быстро накидать себе резюмешку и выйти, всё таки это не то занятие на которое хочется тратить много времени. Я начал разработку сам, накидал дизайн в Figma и начал понемногу собирать его, но спустя непродолжительное время, забросил эту идею в долгий ящик т.к. нашёл новую работу и на это занятие просто не оставалось времени.

И идея так и лежала в бэклоге, до недавнего времени. А связано это с тем, что я перешёл из веб-версии клода в приложение, и эта вкладка > Code никак не давала мне покоя. У меня прямо под носом лежал инструмент который может собрать мне вообще любой сайт, буквально за минимум усилий. И так я вернулся к реализации своей идеи.

Прежде чем начинать разработку я пообщался с самим клодом, рассказал подробно свою идею, как я вижу итоговый функционал инструмента, и как он должен выглядеть. Он мне помог составить подробный план проекта, который был разделён на девять секций, а дизайн я сделал через инструмент от Google — Stitch.com.

Я накидал своими словами дизайн, а клод мне написал промпт, который я просто закинул в ститч, и получил сразу максимальной подробный дизайн. Я бы мог просто подключить его через MCP в Claude Code, но не стал париться и просто скинул ему картинки, дальше он сам их разобрал на детали.

Из моей полной идеи клод предложил выкинуть примерно 60%, и попробовать собрать простой MVP, чтобы просто узнать будет людям интересен вообще данный инструмент. Идея показалась мне более чем разумной, и было принято решение реализовать только самый базовый функционал сборки резюме с несколькими секциями.

GitHub — для контроля версий, ну думаю это и так ясно.

Vercel — для хостинга и деплоев.

PostHog — для ивент-аналитики. Я повесил ивенты на основные действия на сайте, чтобы считать конверсию, и построил несколько воронок для визуального отслеживания. Всё полностью внутри платформы.

React + TypeScript, Vite — для фронта.

Tailwind CSS — для стилизации.

react-pdf + pdfjs — для генерации превью и pdf прямо в браузере.

По сути у сайта нет как такого бэкенда, я не хотел на данном этапе его делать, и придумал компромисс. А что если хранить всё на стороне пользователя, исключительно в рамках одной сессии (Одна вкладка в браузере). Казалось бы хорошая идея, и не нужно думать где хранить файлы (Из вариантов было выбрать какую нибудь open-source S3 платформу), и настраивать аутентификацию для пользователей, всё таки у нас MVP, ну и супер в плане безопасности, данные не летят никуда на сервер (Кроме ивентов). По итогу сейчас всё что вы соберёте на сайте удалится, как только вы закроете вкладку.

Всего на всю разработку у меня ушло 5 вечеров, по часа полтора активного промпт инжиниринга в поте лица.

Большую часть работы конечно сделал сам агент, но я периодически включался тоже, в основном для поиска багов и принятия каких-то решений. Агент сам шёл по секциям которые были заранее спланированы, и не переходил к следующему этапу пока я сам ему об этом не скажу. В процессе использовал все три модели агента:

Haiku 4.5 (Effort: Medium)— для двух сабагентов которые делали проверку на соответствие кода параметрам и разведки по проекту. Так же для простого переименования файлов, генерация .md файлов, и простых вопросов

Sonnet 5 (Effort: Medium, Hard) — Большая часть кода была сгенерирована этой моделью, режим medium для простой генерации кода ровно по промпту который я скажу, режим high для того чтобы он мне мог накидывать варианты реализации тоже, когда я не мог выбрать как лучше пойти.

Opus 4.8 — Использовал только пару раз, когда Sonnet не справлялся со сложными багами. Например был баг с тем что на узбекском и английском языках, в некоторых местах почему-то обрезались первые символы.

Fable 5 — Использовал один раз по приколу, в итоге он съел все мои лимиты. Больше не использовал.

В процессе конечно появлялись новые идеи тоже, так на сайте появились две кнопки — "Сообщить об ошибке" и "Оценить проект". Думаю и так понятно что они делают.

И вот наконец я готов представить что я тут наделал. Название, текст, и некоторый визуал временные, если будет достаточный интерес к проекту, буду это менять и добавлять новые функции. А пока что так.

Залетайте тестировать - собирайте и скачивайте свои резюме! Если сервис окажется полезным, буду супер благодарен за рекомендацию друзьям и фидбек на сайте.
Пишите, что понравилось, а что нужно докрутить - ваши отзывы, как ни что другое, помогут развить проект.

Самое главное что нужно иметь перед там как вообще начинать заниматься вайбкодингом — это, сюрприз сюрприз, навык самому писать код и читать его. Без этого вы просто не поймёте что там делает ваш агент, и не делает ли он каких-то ошибок. Умение программировать самому — это самое главное что нужно знать перед тем как вообще начинать давать команды нейросети.

Сложно быть прорабом на стройке, когда ты сам не отличаешь цемент от песка.

Для вас проект может быть кристально понятен, а для нейросети это будет абсолютное непонимание. Дайте ей весь контекст перед началом разработки: какой нужен визуал, какой функционал, как всё должно работать в итоге. Зная конечную цель, нейросеть будет сразу выдавать решения с заделом на будущее, и вам не придется переписывать половину кода под конец. Можете даже самого клода попросить сгенерить такой план и сохранить в файл HANDOFF.md

Это файл, который Claude Code читает автоматически при старте каждой сессии. Храните в нём всё что уже успели сделать, просите клода обновлять его после каждого мажорного изменения, но держите его размер в области 150-200 строк, чтобы не раздувать лишней информацией. Если же получается так что файл разрастается выносите куски в .claude/rules/*.md. Так нужное правило будет подгружаться только когда реально релевантно, а не на каждый запрос.

Запуск тестов, чтение логов, разбор упавшего деплоя и прочее может съедать тысячи токенов, когда на деле вам нужна одна строка "что упало". Делегируйте и получайте summary, можете использовать модель Haiku, она идеально для этого подходит.

Не нужно в каждом запросе использовать Opus с большим effort, или вообще Fable 5. Для большинства задач хватит и Sonnet. Вот список кейсов, когда использовать какую модель (От самого клода).

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

Не обязательно каждый раз создавать новый чат, но и всё пихать в один тоже нельзя. После завершения блока проекта, или разработки какой-то большой фичи, чистите чат через /clear. Это очистит историю чата, и сбросит контекстное окно, но перед этим зафиксируйте состояние, например промптом:

Делайте это когда окно достигает уже 40-50%, но учитывайте что все уже написанные сообщения, после этого удалятся. Либо используйте /compact если ещё не закончили задачу, а окно уже становится большим.

Старайтесь писать всё в одном сообщение, максимально подробно, чтобы агенту не пришлось задавать кучу лишних уточняющих вопросов которые сжирают токены.

Это примерно всё что я сам понял в процессе пользования агентом. Если вы знаете какие-то ещё советы, лайфхаки и функции, поделитесь пожалуйста в комментариях, буду благодарен.

Возможно кому-то всё ещё тяжело это признавать, но за этим будущее. Большинство моих знакомых сеньоров, всё чаще отдают написание кода агентам, а сами выступают больше в роли дирижёра. Но естественно если вы джун или только входите в сферу разработки, начинать с таких сложных тем как вайбкодинг точно не стоит, вы просто не будете понимать что вы делаете.

Я же и дальше продолжу делиться своими успехами и неудачами в этом направлении.