Шаг 1. Готовим сырьё (20 минут без компьютера)
Главный секрет хорошего сайта — не дизайн, а содержание. Claude сверстает что угодно, но что написать о вас — знаете только вы. Набросайте в заметках:
кто вы и что предлагаете (одно предложение — оно станет заголовком);
3–6 пунктов «что я делаю» или «мои работы»;
почему вам можно доверять (опыт, цифры, отзывы);
как с вами связаться;
5–10 фотографий, если есть (сложите в папку foto).
Не шлифуйте текст — черновика достаточно, шлифовать будем вместе с Claude.
Шаг 2. Ставим задачу через план
Соберите тексты и папку foto, прикрепите их к чату кнопкой «+». Задача крупная — значит, просим сначала план (приём из главы 4). Пишем по нашей схеме ЧТО–ИЗ ЧЕГО–КАК–ЗАЧЕМ и добавляем «предложи план, ничего пока не делай»:
Хочу сайт-визитку. Я мастер по перетяжке мебели из Кирова, работаю 8 лет.
Из чего: мои тексты ниже и фотографии в папке foto.
Как: разделы — обложка с заголовком, «Работы» (галерея фото),
«Как я работаю» (3 шага), «Цены» (от), контакты с кнопкой WhatsApp.
Стиль спокойный, много воздуха, без кричащих цветов.
Зачем: буду давать ссылку клиентам с Авито, большинство откроют с телефона —
мобильная версия важнее компьютерной.
Вот тексты: [вставьте свои заметки]
Предложи план и задай вопросы, если что-то неясно.
Обратите внимание на фразу про телефон — это «зачем», которое повлияет на сотню решений. Claude ответит планом и парой вопросов. Утверждаете — и он строит.
Шаг 3. Смотрим как живые люди
Когда Claude скажет «готово», не разглядывайте файлы — смотрите сайт:
Запусти сайт локально и открой в браузере.
Claude поднимет локальный сервер — сайт откроется по адресу вида http://localhost:8000. Это значит «сайт работает на моём компьютере»: в интернете его пока нет, видите только вы.
Рис. 9.1 — Сайт открыт локально в браузере
Теперь — фокус, который приводит новичков в восторг. Если телефон и компьютер в одном Wi-Fi, попросите:
Дай адрес, по которому я могу открыть этот сайт с телефона в моей сети.
Откройте адрес на телефоне и щёлкайте сайт вживую. Именно так его увидят клиенты.
Шаг 4. Цикл доводки
Дальше — знакомый вам цикл уточнений. Из практики, на что смотреть:
Первый экран. Понятно ли за 3 секунды, кто вы и что предлагаете? Если нет — переписываем заголовок.
Фотографии. «Сожми фотографии, чтобы сайт грузился быстро» — обязательная фраза; телефоны снимают файлы по 5–10 МБ, для сайта это много.
Кнопки связи. Проверьте пальцем на телефоне: WhatsApp открывается? Номер набирается? Это самые важные кнопки сайта.
Тексты. «Перепиши раздел “Как я работаю” короче и человечнее, без канцелярита» — Claude хороший редактор.
Насмотренность: откройте пару сайтов конкурентов, скажите «вот у них нравится то-то, сделай в этом духе» — можно даже вставить скриншот.
Не гонитесь за «вау-дизайном» — для визитки мастера аккуратность и скорость важнее спецэффектов.
Шаг 5. Выпускаем в интернет
Сайт на localhost — как торт в холодильнике: есть, но никто не видит. Чтобы дать ссылку, сайт нужно опубликовать. У статичного сайта (а у нас именно такой — без баз данных и личных кабинетов) варианты простые:
Бесплатные площадки для статики — GitHub Pages, Cloudflare Pages и похожие: надёжно, быстро, ноль рублей. Адрес будет вида vashe-imya.github.io;
Свой домен (peretyazhka-kirov.ru) — покупается отдельно примерно за несколько сотен рублей в год у регистратора и подключается к любой площадке;
Обычный хостинг — если он у вас уже есть, достаточно загрузить туда файлы.
Хорошая новость: это тоже задача для Claude. Скажите: «помоги опубликовать сайт бесплатно, веди меня по шагам» — и он проведёт через регистрацию и настройку, объясняя каждый шаг. Процедуры площадок меняются, поэтому живой проводник тут полезнее печатной инструкции.
Домашнее задание
Пройдите все пять шагов и сделайте сайт про себя или своё дело.
Обязательно посмотрите его с телефона до публикации.
Опубликуйте и отправьте ссылку тому, чьему вкусу доверяете.
Бонус: попросите Claude «проверь сайт как строгий клиент: что непонятно, что отталкивает, чего не хватает?» — свежий взгляд от того же помощника, который его строил. Работает на удивление честно.
В следующей главе спускаемся с витрины в бухгалтерию: таблицы, отчёты и документы, которые делают себя сами.
Глава 10. Таблицы и документы: разбор Excel, отчёты, Word и PDF
Офисная магия
Если ваша работа хоть немного связана с таблицами и документами, эта глава окупит книгу. Excel-файлы, накладные, договоры, отчёты «сведи к пятнице» — всё это Claude Code перемалывает играючи. Причём ему всё равно, сто строк в таблице или сто тысяч.
Маленькое «как это устроено», чтобы не было магии: сам Claude таблицы не «открывает» — для работы с ними он пишет и запускает небольшие программы (обычно на языке Python) с готовыми библиотеками для Excel, Word и PDF. Для вас это означает две вещи. Первая: при первой задаче он может попросить разрешения установить такую библиотеку — это нормально, соглашайтесь. Вторая: раз это программа, её можно сохранить и запускать снова — запомните эту мысль до следующей главы.
