Самообновляемый сайт с ИИ-новостями в Claude Code

Смотреть урок

Сайт, который каждый понедельник в 18:00 сам собирает новости об ИИ из нескольких рассылок, пишет их в вашем стиле и публикует — без единого клика с вашей стороны.

Что внутри:
🔹 Промпт для сборки газетного дизайна в Claude Code — по референс-изображению
🔹 Файл-рутина, который управляет расписанием, источниками и стилем текста
🔹 Раздел про защиту от вредоносных инструкций, спрятанных в чужих сайтах
🔹 Настройка автозапуска: локально на своём компьютере или в облаке через GitHub

💡 Дизайн при этом не «плывёт» от выпуска к выпуску — каждый новый запуск просто копирует предыдущую вёрстку и меняет контент.

Самообновляемый сайт с ИИ-новостями в Claude Code

Полное пошаговое руководство по созданию сайта в стиле газеты, который каждую неделю сам добавляет себе новый контент автоматически. Здесь есть всё необходимое: промпт для дизайна, промпт для настройки, файл с рабочей рутиной и инструкции.

Быть разработчиком не обязательно — просто идите по шагам по порядку.

Что вы создаёте

Одностраничный сайт, оформленный как первая полоса печатной газеты.

Чёрно-белый, один шрифт, лёгкая текстура бумаги. Каждый понедельник в 18:00 сайт сам собирает новости об ИИ за прошедшую неделю из нескольких рассылок, пересказывает их в вашем стиле и публикует на странице. После настройки никакой ручной работы не требуется.

Зачем это нужно:

  • SEO. Сайт, который каждую неделю пополняется свежим релевантным контентом, легче найти в Google — поисковики любят страницы, которые регулярно обновляются.

  • Время. Вместо того чтобы читать пять рассылок, где все пишут об одном и том же, вы получаете одну страницу со всем сразу — написанную так, как нужно вам.

Прежде чем начать

Что понадобится:

Опционально, если хотите, чтобы сайт работал онлайн, а не только локально:

Шаг 1 - Создаём сайт

Откройте Claude, перейдите во вкладку Claude Code и начните новую сессию.

Создайте на компьютере папку для файлов проекта и выберите её в Claude Code.

Настройки, которые мы использовали: Opus 4.8, уровень усилий - high. Для этой задачи этого более чем достаточно.

Вставьте промпт ниже, добавьте своё референс-изображение и дайте модели поработать пару минут.

Важно: Референс-изображение важно. Промпт описывает дизайн, но именно картинка удерживает пропорции и отступы в реалистичных рамках. Если у вас нет макета в Figma, подойдёт любой скриншот первой полосы газеты — он даст достаточно близкий результат.

Промпт 01 — создание сайта

Use the attached reference image as…
🔒

Этот материал доступен участникам Клуба. Войдите или оформите доступ, чтобы читать целиком, открывать видео и комментировать.

Войти Вступить / купить доступ