# Сайт-резюме с Claude Code за вечер

Канонический URL: https://zero2claude.ru/blog/project-resume-site
Дата: 2026-08-31
Теги: claude-code, кейс, новичкам

Своя страничка-резюме без вёрстки и дизайнера: рассказываешь словами, кто ты, а Claude Code собирает сайт по шагам — реально за вечер.

Тебе нужна своя страничка в интернете: показать работодателю, прикрепить в резюме, кинуть ссылкой в личку. И тут же ступор — «я же не умею верстать». Шрифты, отступы, эти загадочные `<div>`, конструкторы с подпиской за 500 рублей в месяц. Кажется, что между «хочу свою страницу» и готовым сайтом — стена, которую без программиста не пробить.

Не пробить руками — да. Но тебе и не надо. С Claude Code ты не верстаешь, а **рассказываешь**: кто ты, что умеешь, как с тобой связаться. Превратить эти слова в живую страницу — его работа. Давай пройдём этот вечер по шагам, чтобы ты увидел, как из пустой папки получается сайт, которым не стыдно поделиться.

<Cover src="/blog/project-resume-site.jpg" alt="Аккуратная визитная карточка на тёплом столе — метафора личной страницы-резюме" />

## Шаг первый: расскажи, кто ты

Открываешь терминал в пустой папке, запускаешь `claude` и просто описываешь, что хочешь. Не техзаданием, а человеческими словами — будто объясняешь другу. Например:

> «Сделай одностраничный сайт-резюме. Сверху моё имя и одна строчка, кто я. Ниже — короткий абзац обо мне, список из четырёх навыков и кнопка “Написать мне” со ссылкой на почту. Сделай аккуратно и современно, тёплые спокойные цвета.»

Заметь — ни слова про HTML, шрифты или цвета в hex. Ты говоришь **смыслами**: «обо мне», «навыки», «кнопка». Claude Code сам решит, какие файлы создать и как их разложить, а тебе расскажет человеческим языком, что сделал.

Чем конкретнее ты опишешь себя, тем меньше придётся переделывать. Накидай заранее, как для живого разговора:

- **Кто ты в одну строку.** «Начинающий маркетолог», «верстальщик-самоучка», «студент, ищу первую стажировку».
- **3–5 навыков или фактов.** То, что хочешь, чтобы заметили в первую очередь.
- **Как связаться.** Почта, Telegram, ссылка на профиль — что не жалко показать.

<Callout type="tip">
Не пытайся сформулировать идеально с первого раза. Напиши как есть — Claude поймёт смысл и сам предложит формулировки получше. Гораздо проще править готовый текст на экране, чем сочинять с чистого листа.
</Callout>

## Шаг второй: посмотри глазами

Claude создал файлы — но «создал» не значит «ты видел». Сайт нужно открыть в браузере и посмотреть на него своими глазами. Попроси прямо:

> «Как мне открыть эту страницу в браузере, чтобы посмотреть результат?»

Он подскажет — обычно достаточно открыть один файл, и страница появится. И вот тут начинается самое интересное: ты смотришь на **свой** сайт. Имя на месте, навыки перечислены, кнопка кликается. Десять минут назад была пустая папка — теперь живая страница.

Скорее всего, что-то сразу захочется поправить. И это не провал, а **нормальный второй шаг**. Так и должно быть: сначала собрали черновик, потом доводим до ума.

## Шаг третий: правь по одной мелочи

Главный приём — маленькими шагами. Не «переделай всё», а одна правка за раз, и после каждой смотришь на результат:

> «Имя сделай крупнее.»
> «Добавь раздел “Опыт” с двумя строчками.»
> «Цвет кнопки поспокойнее, а то слишком яркий.»

Одна просьба — посмотрел — следующая. Так ты всегда понимаешь, что именно поменялось, и не накапливается большой непонятный ком. Не понравилась правка — просто говоришь «верни как было», и откатываешься на шаг назад.

Именно из этих маленьких кругов — *сказал → посмотрел → поправил* — и собирается сайт. Не из знания вёрстки, а из умения ясно сказать, что ты хочешь видеть.

<Callout type="note">
Хочешь спать спокойно — сохраняй прогресс через git: каждый рабочий вариант становится «точкой сохранения», к которой можно вернуться, если следующая правка всё испортит. Не умеешь — не страшно, это ровно то, чему учат в курсе с самого нуля.
</Callout>

## А выложить в интернет?

«Окей, страница есть — но она же только у меня на компьютере». Логичный вопрос. Сделать её доступной по ссылке — отдельный, но тоже несложный шаг: есть бесплатные сервисы, куда такую страничку можно загрузить за пару минут, и Claude Code проведёт тебя за руку — «как мне выложить этот сайт, чтобы дать ссылку человеку».

Но это потом. Сегодня твоя победа в другом: ты, человек, который «не умеет верстать», за вечер собрал настоящую страницу-резюме. Не из шаблона конструктора, а **свою** — где написано ровно то, что ты хотел сказать о себе.

Первый сайт — это не про «выучить программирование». Это про умение описать словами, что тебе нужно, и довести результат до ума маленькими шагами. И этот навык открывает дверь дальше: следующая страница соберётся быстрее, а там и до настоящих проектов рукой подать.

Хочешь пройти этот путь спокойно и по порядку — от первой команды в терминале до готового сайта — мы ведём за руку с самого нуля, в безопасной песочнице, где ничего реального не сломать.