Тебе нужна своя страничка в интернете: показать работодателю, прикрепить в резюме, кинуть ссылкой в личку. И тут же ступор — «я же не умею верстать». Шрифты, отступы, эти загадочные <div>, конструкторы с подпиской за 500 рублей в месяц. Кажется, что между «хочу свою страницу» и готовым сайтом — стена, которую без программиста не пробить.
Не пробить руками — да. Но тебе и не надо. С Claude Code ты не верстаешь, а рассказываешь: кто ты, что умеешь, как с тобой связаться. Превратить эти слова в живую страницу — его работа. Давай пройдём этот вечер по шагам, чтобы ты увидел, как из пустой папки получается сайт, которым не стыдно поделиться.
Шаг первый: расскажи, кто ты
Открываешь терминал в пустой папке, запускаешь claude и просто описываешь, что хочешь. Не техзаданием, а человеческими словами — будто объясняешь другу. Например:
«Сделай одностраничный сайт-резюме. Сверху моё имя и одна строчка, кто я. Ниже — короткий абзац обо мне, список из четырёх навыков и кнопка “Написать мне” со ссылкой на почту. Сделай аккуратно и современно, тёплые спокойные цвета.»
Заметь — ни слова про HTML, шрифты или цвета в hex. Ты говоришь смыслами: «обо мне», «навыки», «кнопка». Claude Code сам решит, какие файлы создать и как их разложить, а тебе расскажет человеческим языком, что сделал.
Чем конкретнее ты опишешь себя, тем меньше придётся переделывать. Накидай заранее, как для живого разговора:
- Кто ты в одну строку. «Начинающий маркетолог», «верстальщик-самоучка», «студент, ищу первую стажировку».
- 3–5 навыков или фактов. То, что хочешь, чтобы заметили в первую очередь.
- Как связаться. Почта, Telegram, ссылка на профиль — что не жалко показать.
Совет
Не пытайся сформулировать идеально с первого раза. Напиши как есть — Claude поймёт смысл и сам предложит формулировки получше. Гораздо проще править готовый текст на экране, чем сочинять с чистого листа.
Шаг второй: посмотри глазами
Claude создал файлы — но «создал» не значит «ты видел». Сайт нужно открыть в браузере и посмотреть на него своими глазами. Попроси прямо:
«Как мне открыть эту страницу в браузере, чтобы посмотреть результат?»
Он подскажет — обычно достаточно открыть один файл, и страница появится. И вот тут начинается самое интересное: ты смотришь на свой сайт. Имя на месте, навыки перечислены, кнопка кликается. Десять минут назад была пустая папка — теперь живая страница.
Скорее всего, что-то сразу захочется поправить. И это не провал, а нормальный второй шаг. Так и должно быть: сначала собрали черновик, потом доводим до ума.
Шаг третий: правь по одной мелочи
Главный приём — маленькими шагами. Не «переделай всё», а одна правка за раз, и после каждой смотришь на результат:
«Имя сделай крупнее.» «Добавь раздел “Опыт” с двумя строчками.» «Цвет кнопки поспокойнее, а то слишком яркий.»
Одна просьба — посмотрел — следующая. Так ты всегда понимаешь, что именно поменялось, и не накапливается большой непонятный ком. Не понравилась правка — просто говоришь «верни как было», и откатываешься на шаг назад.
Именно из этих маленьких кругов — сказал → посмотрел → поправил — и собирается сайт. Не из знания вёрстки, а из умения ясно сказать, что ты хочешь видеть.
Заметка
Хочешь спать спокойно — сохраняй прогресс через git: каждый рабочий вариант становится «точкой сохранения», к которой можно вернуться, если следующая правка всё испортит. Не умеешь — не страшно, это ровно то, чему учат в курсе с самого нуля.
А выложить в интернет?
«Окей, страница есть — но она же только у меня на компьютере». Логичный вопрос. Сделать её доступной по ссылке — отдельный, но тоже несложный шаг: есть бесплатные сервисы, куда такую страничку можно загрузить за пару минут, и Claude Code проведёт тебя за руку — «как мне выложить этот сайт, чтобы дать ссылку человеку».
Но это потом. Сегодня твоя победа в другом: ты, человек, который «не умеет верстать», за вечер собрал настоящую страницу-резюме. Не из шаблона конструктора, а свою — где написано ровно то, что ты хотел сказать о себе.
Первый сайт — это не про «выучить программирование». Это про умение описать словами, что тебе нужно, и довести результат до ума маленькими шагами. И этот навык открывает дверь дальше: следующая страница соберётся быстрее, а там и до настоящих проектов рукой подать.
Хочешь пройти этот путь спокойно и по порядку — от первой команды в терминале до готового сайта — мы ведём за руку с самого нуля, в безопасной песочнице, где ничего реального не сломать.