Сайт-портфолио нейросетью: от промпта до домена

Сайт-портфолио нейросетью собирается так: вы описываете текстом нужные секции — hero с именем и специализацией, галерею работ, блок «обо мне», контакты и форму заявок — а Zugo генерирует готовую страницу за 30–60 секунд и проверяет её в песочнице (verified означает, что сайт реально загрузился и отрисовался). Дальше короткие правки чатом, публикация в один клик на ваш-проект.zugo.run, а свой домен подключается на тарифе Pro. Писать код не нужно.

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

Что написать в промпте для сайта-портфолио

Качество первой сборки на 90% зависит от промпта. У портфолио пять рабочих секций, и лучше перечислить их прямо, а не надеяться, что билдер угадает. Тогда правок почти не остаётся.

• Hero. Имя, специализация, короткий оффер и кнопка «Смотреть работы». Это первый экран, по которому решают, читать дальше или закрыть вкладку.
• Галерея работ. Сетка проектов с превью, названием и ролью. Для галереи важно назвать количество: «6–9 карточек» даёт предсказуемую сетку, «покажи мои работы» — лотерею.
• Обо мне. Фото, три-четыре предложения про опыт и список навыков или инструментов. Сюда же уместно вписать, с кем вы уже работали.
• Контакты. Email, мессенджер, ссылки на соцсети или профильные площадки.
• Форма заявок. Имя, email, сообщение — с отправкой письма вам на почту, чтобы лид не терялся.

Вот промпт, который можно скопировать и подставить свои данные:

Собери одностраничный сайт-портфолио для [профессия], имя [имя].
Секции по порядку:
1. Hero: имя, специализация, оффер в одну строку, кнопка «Смотреть работы».
2. Галерея: сетка из 6–9 проектов, у каждого превью, название, роль и ссылка.
3. Обо мне: место под фото, 3–4 предложения опыта, список навыков/инструментов.
4. Контакты: email, Telegram, ссылки на соцсети.
5. Форма заявок: поля имя, email, сообщение — с отправкой мне на почту.
Тон [сдержанный/яркий], язык русский, тёмная тема, аккуратная типографика.

Если начинать с чистого листа не хочется, в Zugo есть 29 шаблонов в шести категориях: берёте ближайший к портфолио и переписываете под себя текстом. Так результат предсказуемее, чем полностью свободный промпт. Общая механика описана в гайде как собрать сайт с ИИ; здесь мы сужаемся до портфолио.

Какие акценты добавить под ваш тип портфолио

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

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

Как собрать и опубликовать: по шагам

Процесс одинаковый для любого типа портфолио.

1. Опишите портфолио текстом или возьмите шаблон. Карта не нужна: стартовые кредиты бесплатные, хватает на первую сборку и публикацию. Открываете Zugo, вставляете промпт.
2. Дождитесь сборки с проверкой. Агент работает, вы смотрите на живой лог с таймером: видно, какой файл создаётся сейчас. Обычная страница-портфолио собирается за 30–60 секунд. Статус «проверено» означает, что сайт прошёл песочницу и реально открылся в превью, а не просто «код сгенерирован».
3. Правьте чатом. Первая версия — черновик. «Сделай превью в галерее крупнее», «подними форму заявок выше контактов», «замени заголовок на вопрос». Каждая правка проходит тот же цикл сборки и проверки, поэтому сломанного состояния вы не увидите. Чтобы не повторять стиль в каждом сообщении, запишите скилл воркспейса: «тёмный фон, без стоковых фото, обращение на вы» — и агент будет держать это сам.
4. Опубликуйте в один клик. Кнопка одна, сайт получает адрес ваш-проект.zugo.run и сразу открывается по ссылке, которую можно кинуть заказчику или в соцсети.

Свой домен, рабочая форма заявок и аналитика

Поддомен zugo.run годится, чтобы показать портфолио и собрать первые отклики. Для профессионального сайта дальше нужны три вещи, и все они подключаются без кода.

Свой домен. Подключается на тарифе Pro за $25 в месяц. В Pro входит 1000 кредитов — это примерно 12 полноразмерных платформ или 80+ быстрых сборок и правок, плюс кастомные домены. Для команд и агентств есть Business за $99. Разбивка на странице тарифов.

Форма заявок, которая доходит. Пока форма просто «есть на странице», заявки никуда не идут. Коннектор Resend заставляет её слать вам письмо на каждое обращение. Для портфолио это ключевой блок: он и есть точка, ради которой сайт существует.

Аналитика. Коннектор Google Analytics показывает, сколько людей открыло портфолио, с каких источников пришли и доходят ли до формы. Без цифр непонятно, работает страница или лежит мёртвым грузом.

И запасной выход от lock-in: код не заперт внутри билдера. Экспорт в GitHub создаёт настоящий репозиторий со scaffold (src/, package.json, vite.config), а через коннектор Vercel сайт разворачивается на вашем аккаунте. Если портфолио перерастёт в полноценный сайт-студию, разработчик получит обычный проект, а не чёрный ящик.

Где посмотреть примеры

Прежде чем писать свой промпт, полезно открыть галерею zugo.dev/showcase: там опубликованные проекты пользователей, включая одностраничники и лендинги, близкие по структуре к портфолио. Выбираете похожий по духу, смотрите, как устроены секции, и описываете свою версию текстом. Тем же способом Zugo собирает не только сайты, но и мини-приложения и 2D-игры — если захотите к портфолио прикрутить интерактив, загляните в гайд как создать приложение нейросетью.

Когда способ не подойдёт

Честно про границы, потому что портфолио бывают разные.

Пиксель-перфект перенос макета. Если у вас утверждённый дизайн из Figma и вы сверяете отступы до пикселя, быстрее сверстать руками, чем догонять точное совпадение правками в чате. Билдер соберёт близко и аккуратно, но «ровно как в макете» — не его задача.

Галерея на сотни тяжёлых фото. Для фотографа с архивом на несколько гигабайт нужен отдельный медиа-хостинг или CDN под изображения. Сам сайт-каркас Zugo соберёт, но заливать туда сотни исходников в полном разрешении не стоит — попросите ссылки на внешнее хранилище и lazy-загрузку.

Во всех промежуточных случаях схема рабочая: собрать портфолио за вечер, повесить на свой домен, подключить форму и аналитику, а если проект вырастет — забрать код через GitHub и продолжить с разработчиком.

Частые вопросы

Это бесплатно?

Стартовые кредиты выдаются без карты — их хватает, чтобы собрать и опубликовать первое портфолио на адресе zugo.run. Свой домен, коннектор Resend для заявок и увеличенный лимит идут на Pro за $25 в месяц.

Заявки будут приходить мне на почту?

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

Можно ли забрать код и перенести на свой хостинг?

Да. Экспорт в GitHub отдаёт обычный репозиторий (src/, package.json, vite.config), который открывается в любом редакторе и деплоится куда угодно, в том числе на ваш Vercel через коннектор.

Получится не только лендинг, а сайт из нескольких страниц?

Да. Для этого есть режим План: билдер сначала показывает структуру страниц, вы её утверждаете, а потом идёт сборка по плану с чекпоинтами. Так удобно добавить к портфолио отдельные страницы кейсов или блог.