Ваш ИИ-помощник Claude. От установки до первых проектов - Лапа Максим

Правила пятой части

Дальше — три кейса, и работают они иначе, чем остальная книга. Это не «почитать», а «сделать вместе»: садитесь за компьютер и повторяйте. Формулировки я даю полностью — но помните из главы 6: подставляйте своё, уточняйте по-своему. Ваш результат не должен совпасть с моим — он должен решать вашу задачу.

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

Легенда кейса: у вас 40 товаров (пусть будет мебель на заказ), фотографии по папкам, характеристики в Excel. Нужен сайт-каталог: список с фильтрами, карточка каждого товара, заявка в один клик.

Шаг 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. Кейс: телеграм-бот для своего бизнеса

Зачем бизнесу бот

Телеграм-бот — это сотрудник, который отвечает мгновенно, работает круглосуточно и не просит зарплату. Типовые применения: приём заявок («оставьте телефон — перезвоним»), ответы на частые вопросы (график, адрес, цены), запись на услугу, уведомления клиентам.

Наш кейс: бот приёма заявок для мастерской. Клиент пишет боту → бот задаёт три вопроса (что нужно, имя, телефон) → заявка падает вам в личку и в таблицу учёта. Простой, но абсолютно боевой сценарий — такие боты реально приносят заявки.

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

Шаг 1. Свидетельство о рождении: BotFather

Боты в Телеграме регистрируются у официального бота-регистратора @BotFather. Это единственный шаг, который делается руками в телефоне:

Найдите в Телеграме @BotFather (проверьте галочку верификации).

Команда /newbot → придумайте имя (видят люди) и логин бота (заканчивается на bot).

BotFather выдаст токен — длинную строку вида 1234567:AA.... Это ключ управления ботом.

Токен — секрет в чистом виде (глава 7 и