Шаг 0. Сырьё решает всё
Как и с визиткой в главе 9, главная работа — до первого промпта. Каталог строится из данных, и качество данных определит качество каталога:
Таблица товаров tovary.xlsx: колонки Название, Категория, Цена, Описание, Размеры. Одна строка — один товар. Без объединённых ячеек и «Итого» посреди таблицы (помните разведку из главы 10? Она найдёт такие грехи).
Фотографии в папке foto, подпапка на товар: foto/divan-verona/1.jpg.... Названия подпапок — латиницей, и добавьте в таблицу колонку «Папка с фото».
Не вычищайте данные руками! Сложите как есть и начните с разведки: «изучи tovary.xlsx и папку foto: всё ли сходится? у каких товаров нет фото, у каких фото нет строки в таблице?» — пусть грязь ищет Claude.
Шаг 1. План
Просим сначала план (добавляем «ничего пока не делай, предложи план»), задача по полной схеме:
Хочу сайт-каталог моей мебели.
Из чего: tovary.xlsx (40 товаров) и фото в папке foto.
Как: главная страница — плитка товаров с фильтром по категории и цене;
у каждого товара своя страница: фото галереей, характеристики, кнопка
«Оставить заявку» (форма: имя, телефон, комментарий — заявки пусть
приходят мне в телеграм или на почту, предложи, как проще).
Зачем: буду продвигать в Яндексе, посетители — с телефонов.
Важно: товары у меня меняются, поэтому сайт должен уметь перестраиваться
из свежей таблицы одной командой.
Предложи план и задай вопросы.
Разберу два неочевидных места. «Буду продвигать в Яндексе» — это сигнал сделать сайт быстрым и правильным для поисковиков (Claude заложит заголовки, описания, карту сайта). «Перестраиваться из таблицы одной командой» — это архитектурное требование: сайт-генератор вместо сайта-поделки. Именно такие фразы отличают проект, который живёт годами, от проекта на выброс.
Из вопросов, которые Claude задаст, самый важный — про заявки. Для старта берите простое: отправка в телеграм через бота (кстати, в следующей главе вы будете понимать, как это работает).
Шаг 2. Строим по плану
Утвердили план — Claude работает. На 40 товарах с фотографиями это минут десять-двадцать: сжать фото, сгенерировать страницы, собрать фильтры. Идеальное время попробовать фоновый режим из главы 18: пока строится каталог, попросите вторым запросом составить тексты для раздела «О нас».
Когда готово — «запусти локально и дай адрес для телефона» (глава 9). И первый осмотр: пройдитесь по каталогу пальцем, как клиент.
Рис. 19.1 — Каталог: плитка товаров с фильтрами
Шаг 3. Ревизор и доводка
Дальше связка из главы 18 — свежий взгляд:
Запусти агента-ревизора: пусть посмотрит каталог глазами покупателя
с телефона. Что неудобно, что непонятно, где я потеряю клиента?
Из моей практики ревизор находит: мелкие кнопки, нечитаемые цены на фото, фильтр, сбрасывающийся при возврате, отсутствие «ничего не найдено» при пустом фильтре. Чините итерациями — вы это умеете.
Обязательная проверка на «живучесть»: добавьте в таблицу новый товар с парой фото и скажите «перестрой каталог». Если через минуту товар на сайте — архитектура правильная. Оформите это командой /obnovi-katalog (глава 15) — и обновление каталога навсегда станет 15-секундным делом.
Шаг 4. Git, публикация, память
Финальный аккорд — всё по учебнику:
«Подключи git, первый коммит, правило автокоммитов в CLAUDE.md» (глава 16).
«Заполни CLAUDE.md: что за проект, как обновлять каталог, мои правила текстов» (глава 14).
«Помоги опубликовать» (глава 9). Каталог без корзины и оплаты — статический сайт, годится бесплатный хостинг.
Отправьте ссылку трём знакомым и попросите найти неудобства. Живые люди бьют любого ревизора.
Что дальше с каталогом
Каталог — платформа для роста, и все дороги вы уже знаете: подключить статистику посещений, прикрутить к заявкам таблицу учёта (глава 10), поставить еженедельный отчёт «сколько заявок, какие товары смотрят» (глава 11), а когда захочется корзину и оплату — сесть с Claude и спланировать второй этаж. С такой базой это эволюция, а не стройка заново.
Домашнее задание
Оно очевидно: сделайте каталог на своих данных. Нет товаров? Возьмите коллекцию, хобби, услуги — каталог рецептов тренирует те же мышцы. Критерий зачёта: новый элемент добавляется в таблицу и появляется на сайте одной командой.
Глава 20. Кейс: телеграм-бот для своего бизнеса
Зачем бизнесу бот
Телеграм-бот — это сотрудник, который отвечает мгновенно, работает круглосуточно и не просит зарплату. Типовые применения: приём заявок («оставьте телефон — перезвоним»), ответы на частые вопросы (график, адрес, цены), запись на услугу, уведомления клиентам.
Наш кейс: бот приёма заявок для мастерской. Клиент пишет боту → бот задаёт три вопроса (что нужно, имя, телефон) → заявка падает вам в личку и в таблицу учёта. Простой, но абсолютно боевой сценарий — такие боты реально приносят заявки.
И важное отличие от прошлых проектов: бот — программа, которая должна работать постоянно, а не файл, который открыли и закрыли. Это новый для вас класс задач, о нём поговорим отдельно.
