Зачем писать код, если можно просто попросить?
Представьте: вам нужен чистый, быстрый блог или сайт-портфолио. Вариантов масса – WordPress, Wix, конструкторы. Но они либо тяжелые, либо дорогие, либо не дают контроля. Статический генератор Jekyll на Ruby – идеальный баланс. Он быстрый, безопасный, бесплатный на GitHub Pages. Но нужно разбираться в терминале, YAML, Liquid-шаблонах. Скучно. Страшно.
А теперь представьте другое. Вы говорите умной машине: "Сделай мне сайт на Jekyll про киберпанк-поэзию". И через 30 минут у вас готовый, работающий прототип. Без открытия редактора кода. Без гугления ошибок Ruby. Это не фантастика. Это Claude Code Opus – последняя итерация кодового ассистента от Anthropic, актуальная на март 2026 года.
Это не туториал по Jekyll. Это туториал по тому, как заставить Jekyll работать на вас, пока вы пьете кофе. Мы используем Claude Code Opus как личного инженера, который понимает контекст, помнит историю и не галлюцинирует на ровном месте. Если хотите глубже в философию такого подхода, посмотрите мой разбор Claude Code на максимум.
1Подготовка: Ruby, Bundler и немного магии
Код писать не будем. Но терминал трогать придется. Не паникуйте. Вся магия – в копировании и вставке команд, которые я дам. Или, что еще лучше, в передаче этих команд прямо в чат Claude Code Opus.
Нам нужна основа: Ruby (язык, на котором написан Jekyll) и Bundler (менеджер зависимостей). На macOS он часто установлен. Проверим.
ruby -v
bundler -vЕсли видите версии – отлично. Если нет – ставим. Для macOS и Linux используем rbenv (рекомендую). Для Windows – WSL2. Не хотите возиться с WSL? Используйте облачную машину или, в крайнем случае, Jekyll в Docker. Но это уже другая история.
Вот промпт для Claude, который подготовит все за вас. Откройте интерфейс Claude Code Opus (я использую веб-версию с подпиской Pro) и скажите:
Claude выдаст нечто вроде этого (версии могут быть новее):
# Установка rbenv и ruby-build через Homebrew
brew update
brew install rbenv ruby-build
# Добавляем rbenv в PATH (для zsh)
echo 'eval "$(rbenv init -)"' >> ~/.zshrc
source ~/.zshrc
# Устанавливаем последнюю стабильную версию Ruby (на 01.03.2026 это Ruby 3.3.x)
rbenv install 3.3.4
rbenv global 3.3.4
# Проверяем
ruby -v
# Устанавливаем Bundler последней версии
gem install bundler
rbenv rehash
bundler -vСкопировали, вставили в терминал, выполнили. Готово. Если что-то пошло не так – скопируйте ошибку и бросьте в Claude. Он диагностирует проблему лучше, чем Stack Overflow 2015 года.
2Рождение сайта: один промпт – целый проект
Теперь самое интересное. Мы не будем запускать jekyll new вручную. Мы попросим Claude сделать это, а заодно создать всю необходимую структуру и даже написать первый пост.
Откройте новую сессию в Claude Code Opus. Это важно: контекст должен быть чистым. Ваш промпт – это техническое задание. Чем подробнее, тем лучше.
Claude начнет генерировать команды. Он, скорее всего, предложит:
mkdir cyberpoetry-archive
cd cyberpoetry-archive
jekyll new . --force
bundle install
А затем сгенерирует содержимое для _config.yml и файла поста. Он может даже предложить изменить цвет темы через кастомный CSS. Просто следуйте его инструкциям. Ключевой момент – не копируйте все подряд. Читайте, что он предлагает. Если команда кажется странной (например, sudo rm -rf / – шутка), спросите почему.
Секрет в итерациях. Не получилось с первого раза? Уточните: "В прошлой команде была ошибка. Вот лог. Исправь и дай новые инструкции". Claude Code Opus отлично работает с контекстом длинной в несколько тысяч токенов. Он помнит всю вашу сессию.
3Кастомизация: от шаблона к личности
Стандартная тема скучна. Хочется наворотить. Навигационное меню, кастомный футер, карточки постов. Раньше пришлось бы лезть в документацию Liquid. Теперь – просто опишите желаемое.
Отлично работает такой прием: попросите Claude объяснить структуру файлов вашей темы, а затем попросите внести изменения.
Claude сгенерирует файлы с готовым кодом. Вам останется лишь создать эти файлы в правильных директориях (он скажет каких) и скопировать туда содержимое. Если вы не знаете, как создать файл в терминале, спросите его: "Дай команду для создания файла custom-header.html в папке _includes".
Вот где методология вайбкодинга с Claude Code раскрывается полностью. Вы не пишете код, вы диктуете дизайн.
4Локальный запуск и мгновенная обратная связь
Сайт собран. Запускаем сервер для предпросмотра. Claude уже давал команду. Обычно это:
bundle exec jekyll serve --livereloadОткройте http://localhost:4000. Видите свой сайт? Если видите ошибку – не закрывайте терминал. Скопируйте текст ошибки и отправьте Claude. Скажите: "При запуске сервера Jekyll возникла эта ошибка. Объясни, почему и как исправить".
Он может сказать, что не хватает гема, или конфликт версий, или ошибка в синтаксисе YAML. Исправьте по его инструкциям. Это как иметь персонального devops-инженера, который работает за спасибо.
5Деплой на GitHub Pages: финальный аккорд
Локально – это хорошо. Но миру нужен ваш киберпоэтический архив. Разместим его бесплатно на GitHub Pages.
Создайте новый репозиторий на GitHub (название, например, `cyberpoetry-archive`). Не добавляйте README, .gitignore или лицензию – мы сделаем это через Claude.
Вернитесь в терминал в папке проекта. Ваш диалог с Claude, скорее всего, уже длинный. Лучше начать новую сессию с фокусом на деплой.
Claude проведет вас через git init, git remote add, git add, git commit, git push. Затем он объяснит, что нужно зайти в Settings > Pages репозитория и выбрать ветку `main` и папку `/ (root)`. Через пару минут ваш сайт будет жить по адресу `https://myname.github.io/cyberpoetry-archive`.
Внимание! Если вы используете тему не из официально поддерживаемого списка GitHub Pages, может потребоваться сборка через GitHub Actions. Не проблема. Спросите Claude: "Создай workflow-файл для GitHub Actions, чтобы собирать мой сайт Jekyll с кастомной темой". Он сгенерирует правильный YAML.
Чего ожидать на практике: подводные камни и странности
Идеально? Нет. Claude Code Opus – не волшебная палочка. Иногда он предлагает устаревшие методы (например, для старых версий Jekyll). Иногда слишком многословен. Ваша задача – быть строгим менеджером проекта.
- Ошибка версии Ruby/Jekyll: Убедитесь, что в вашем промпте есть упоминание актуальности на март 2026. Если видите deprecated-предупреждение, спросите: "Дай команду для обновления Bundler/Jekyll до последней стабильной версии".
- Галлюцинации с путями: Он может предложить создать файл в несуществующей папке. Всегда проверяйте структуру командой
lsилиfind. Или попросите его сначала вывести дерево каталогов. - Зацикливание на объяснениях: Если Claude уходит в долгие лирические отступления, прервите его: "Пропусти объяснения. Дай только команды и код".
Этот подход убивает главное препятствие для новичков – страх сломать что-то. С Claude вы не сломаете. Вы откатитесь. Каждая операция в терминале обратима, если вы работаете через Git (а Claude поможет его настроить).
А что дальше? Продакшн без программиста
Вы получили работающий сайт. Теперь его можно развивать. Добавить поиск по сайту через JavaScript? Попросите Claude написать скрипт на чистом JS и интегрировать его в шаблон. Нужна форма обратной связи? Используйте Formspree или Netlify Forms – Claude опишет процесс настройки.
Хотите уникальный дизайн? Найдите премиум-тему Jekyll на маркетплейсе (например, ThemeForest – партнерская ссылка) и попросите Claude помочь с ее установкой и кастомизацией. Это уже следующий уровень.
Суть в том, что прототипирование ускорилось в разы. За день можно сделать то, на что раньше уходила неделя изучения документации. Главное – четко формулировать задачи и не бояться уточнять. Как в той статье про Claude Code для продактов, но применено к разработке.
Мой прогноз? К концу 2026 года такой workflow станет стандартом для инди-разработчиков и небольших студий. Писать код с нуля будут только для экстремально специфичных задач. Все рутинные вещи – настройка, интеграция, базовый фронтенд – лягут на плечи AI-ассистентов, которые понимают контекст проекта. Вы же останетесь архитектором и дирижером. И это, черт возьми, удобно.
