
Разбор · Опубликовали 08.10.2026
Галерею работ на сайте агенты добавляют с управлением порядком и проверкой на телефоне
Что включить в задачу на галерею портфолио, как проверить загрузку и порядок снимков и когда достаточно готового блока.
Разбор собран машиной агентов под надзором инженера, который ведёт vibecoding.ru. Источники проверены 8 октября 2026.
Галерея работ на сайте готова, когда владелец сам загружает снимки, меняет порядок и проверяет результат на телефоне.
Клиентскую галерею мы пока не сдавали: условия заказа и приёмки здесь опираются на опыт нашей машины агентов на vibecoding.ru.
Не хотите разбираться сами? Внедряем ИИ в ваш бизнес: задачи без лимита, одна цена в месяц, отмена в любой момент.
1. Заказывайте публикацию работ, а не блок картинок.
Сетка снимков решает только показ. В задачу входит и то, как сотрудник добавит следующий объект без обращения к разработчику.
Для примера возьмём галерею выполненных объектов. Владелец выбирает обложку работы, добавляет подпись и публикует её, когда материал готов.
Начните с описания результата задачи. Агенту нужен проверяемый путь: добавить работу, открыть сайт посетителем и увидеть её в нужном месте.
Заказ описывает действия владельца.
Редакционный пример задания, 08.10.2026. Это условия будущей приёмки, не отчёт о клиентском проекте.
2. Порядок работ и снимков сохраняется после обновления.
Порядок нужен на двух уровнях. Владелец расставляет работы на странице и снимки внутри каждой работы.
Новая фотография не должна сама становиться обложкой. Порядок загрузки и порядок показа разделяют, если владелец хочет управлять витриной.
Рег.ру уже позволяет менять порядок изображений. Vigbo описывает перемещение фото на компьютере и телефоне. Для такого действия своя разработка нужна не всегда.
При заказе запишите правила работы агента. Условие простое: выбранный порядок сохраняется в данных, а не живёт до закрытия вкладки.
Проверка порядка начинается с повторного открытия.
Возможности порядка сверены по Рег.ру и Vigbo 08.10.2026. Сценарии проверки предложены редакцией.
3. Миниатюра показывает работу, а подпись объясняет результат.
Миниатюра должна сохранять смысл снимка. Если на фото высокий объект, квадратный кроп может отрезать именно то, что вы хотите показать.
Подпись помогает понять вашу работу. «Спроектировали и изготовили лестницу» сообщает больше, чем имя файла с камеры.
Текст для озвучивания изображения тоже передаёт смысл. W3C рекомендует описывать информацию содержательной картинки, а не ограничиваться словом «фото».
Разные снимки проверяют разные ошибки.
Рег.ру, настройка кадрирования; W3C WAI, Informative Images, проверено 08.10.2026. Набор материалов для приёмки предложен редакцией.
4. Телефон входит в приёмку с первой задачи.
Уменьшенное окно компьютера не заменяет телефон. Снимок должен открываться пальцем, а просмотр закрываться без потери места на странице.
Первый снимок не должен ждать загрузки всей галереи. web.dev рекомендует не задерживать изображения первого экрана ленивой загрузкой.
При проверке нашего сайта на телефоне нашли ошибки, незаметные на быстром компьютере. Следы стройки машины доступны в открытом журнале работы.
Поломки нашего сайта стали правилами проверки.
02.09
Анимация прятала готовый первый экран до загрузки скриптов. Его вывели из скрывающего правила и повторили замер на профиле среднего Android.
30.09
На телефоне /open подлагивал при прокрутке. Закрепили правило: сцены на таче не пересчитываются за каждым движением пальца.
Наши записи 02.09 и 30.09.2026, сверены 08.10.2026. Это поломки vibecoding.ru, не клиентской галереи; профиль Android использовался в программном замере.
Проверяйте на телефоне владельца и на другом устройстве, которым пользуются посетители. Размер окна и программный замер помогают найти ошибки, но не заменяют этот проход.
Ошибка возвращается исполнителю с примером. Вместо «на телефоне плохо» приложите снимок экрана и укажите, какую работу открывали и что не получилось.
Маршрут посетителя проходит целиком.
Редакционный маршрут приёмки, 08.10.2026; принципы загрузки изображений web.dev и истории нашей машины.
5. Работу принимает владелец, код остаётся в его репозитории.
Агент собирает галерею, инженер ведёт машину агентов и проверяет правку. Владелец принимает свой рабочий путь. Эти роли стоит назвать до старта.
Зелёная проверка кода ещё не означает, что снимок выбран удачно. Ответственность за ошибки агента включает и то, кто проверит результат глазами.
На странице курса по агентной разработке мы разбираем ведение такой машины. В этой задаче приёмка заканчивается самостоятельной публикацией следующей работы.
Сдача заканчивается действием владельца.
Редакционный порядок сдачи, 08.10.2026. Передача правок в ветку репозитория клиента подтверждена на /services в тот же день.
6. Готового блока достаточно, пока он закрывает вашу задачу.
Если сайт уже на конструкторе, сначала проверьте его галерею. Когда загрузка, порядок и просмотр подходят, отдельная разработка этого блока не нужна.
Разработка нужна, если готовый блок мешает вашей работе. Например, нельзя хранить черновик объекта или встроить галерею в существующую админку.
Подписка на агентную разработку «Один проект» стоит 250 000 ₽ в месяц на 08.10.2026. Это цена потока доработок, а не отдельной галереи.
Что и как мы проверяли
| Факт | Что известно | Проверено |
|---|---|---|
| Спрос | Wordstat, РФ: «галерея работ на сайте» 323, «создать галерею изображений» 283 запроса в месяц. Это частоты фраз, не число покупателей. | 2026-10-08 |
| Готовые галереи | Открыли Рег.ру и Vigbo: порядок уже управляется, у Vigbo описано и действие на телефоне. | 2026-10-08 |
| Изображения | W3C WAI о текстовых альтернативах; web.dev о загрузке картинок первого экрана. | 2026-10-08 |
| Наш опыт | Машина строит vibecoding.ru со своей админкой. Истории 02.09 и 30.09 сверены по исходным записям. Клиентскую галерею не сдавали. | 2026-10-08 |
| Подписка | Живая /services: «Один проект» 250 000 ₽/мес, одна задача в работе, пауза в любой месяц, правки в репозитории клиента. | 2026-10-08 |
Ради единственной галереи сначала ищут готовый блок или разовую доработку. Подписка имеет смысл, когда после галереи остаётся очередь задач для сайта.
В таком заказе галерею принимают отдельно: загрузка, порядок, миниатюры, подписи и телефон. Следующая задача начинается после приёмки текущей.
Следующий шаг для руководителя помогает перейти от общего желания обновить сайт к разговору о первой задаче.
7. Частые вопросы
Нужно ли переносить сайт ради галереи?+
Нет, сначала проверяют возможности действующего сайта. Галерею можно добавить отдельной доработкой, если его устройство это позволяет. Перенос должен решать отдельную проблему, а не становиться условием блока фотографий.
Галерея работ и портфолио означают одно и то же?+
Галерея описывает показ изображений. Портфолио рассказывает о выполненной работе: что сделали, какие снимки относятся к объекту, как с вами связаться. Для бизнеса стоит заказать этот путь целиком.
Можно ли оставить автоматическую сортировку по дате?+
Да, если она совпадает с тем, как вы хотите показывать работы. Если важный объект должен оставаться первым, нужен ручной порядок или закрепление. Приёмка проверяет именно выбранное правило.
Нужно ли заново загружать фото при каждой правке?+
Нет, изменение подписи или порядка не должно требовать повторной загрузки файла. Включите эту проверку в приёмку. Исполнитель должен сохранить связь снимков с работой после редактирования.
Как не показать незавершённую работу?+
Предусмотреть черновик и публикацию. При проверке откройте публичную страницу без входа в админку: скрытая работа и её фотографии не должны быть доступны посетителю, в том числе по прямому адресу.
Нужна ли отдельная страница каждой работе?+
Если о работе есть что объяснить, отдельная страница даёт место для описания и ссылки из переписки. Если нужны только несколько снимков без истории, достаточно просмотра внутри галереи. Выбор зависит от материалов.
Сколько стоит именно галерея?+
В этом разборе нет цены отдельной галереи и замера её сроков на клиентском сайте. Цена зависит от действующего сайта и состава сдачи. Месячный тариф подписки не заменяет такую оценку.
Источники
- Рег.ру: добавление, кадрирование и порядок изображений в галерее (проверено 08.10.2026) — официальная документация
- Vigbo: перемещение фотографий в галереях, 29.07.2025 (проверено 08.10.2026) — блог вендора
- W3C WAI: текстовые альтернативы содержательных изображений (проверено 08.10.2026) — официальная документация
- web.dev: ленивая загрузка изображений и первый экран (проверено 08.10.2026) — официальная документация
- Машина vibecoding.ru: открытая стройка; наши истории телефона 02.09 и 30.09.2026 (проверено 08.10.2026) — наш опыт
- Агентная разработка: условия подписки «Один проект» (проверено 08.10.2026) — наш продукт
- Курс «Агентная разработка»: ведение машины агентов (проверено 08.10.2026) — наш продукт
- Wordstat: спрос на галерею работ, РФ, замер 08.10.2026 — замер спроса
Запомнить
1. Закажите путь публикации: сотрудник должен добавлять новую работу без разработчика.
2. Проверьте порядок работ и снимков после повторного открытия сайта.
3. Принимайте миниатюры и подписи на разных исходных фотографиях.
4. Пройдите галерею на телефоне: открытие, листание, закрытие и переход к заявке.
5. Заберите код и инструкцию. Завершите приёмку самостоятельной публикацией следующего объекта.