Как использовать сгенерированные промпты

Обзор

SiteKit предоставляет вам два промпта для использования с Claude Code:

Этап 1 создаёт структуру проекта с текстами-заглушками
Этап 2 применяет ваш фирменный дизайн и наполняет реальным контентом

Используйте их последовательно, по одному. Вот полный рабочий процесс.

Этап 1: Настройка проекта

1. Скачайте промпт Этапа 1

В SiteKit перейдите на вкладку Prompts вашего сайта и нажмите Download Stage 1 Prompt. Сохраните файл .md в удобном месте.

2. Откройте ваш проект

Перейдите в клонированный репозиторий GitHub (см. Как настроить GitHub):

cd your-project-folder

3. Запустите Claude Code

claude

4. Передайте промпт Claude

Вы можете вставить весь промпт в чат или сослаться на файл:

Read stage-1-scaffold-your-site.md and follow all the instructions in it to build this project.

5. Дайте Claude создать проект

Claude Code создаст полный Jekyll-проект — конфигурационные файлы, макеты, включаемые файлы, страницы и все выбранные вами функции (контактная форма, блог). Это займёт около 10-15 минут.

Совет: Не прерывайте Claude, пока он выполняет промпт. Дождитесь завершения полной сборки, а затем попросите внести изменения.

6. Проверьте локально

После завершения установите зависимости и запустите сервер разработки:

bundle install
bundle exec jekyll serve --livereload

Откройте http://localhost:4000 в браузере. Вы должны увидеть ваш сайт с:

Всеми страницами в навигации
Текстами-заглушками на каждой странице
Работающим мобильным меню
Цветами по умолчанию (реальные цвета бренда появятся на Этапе 2)

7. Проверка

Убедитесь в следующем перед тем, как продолжить:

Все страницы загружаются без ошибок
Ссылки навигации работают на десктопе и мобильных устройствах
Контактная форма отображается (если вы её выбрали) — на localhost она работает в режиме разработки
http://localhost:4000/robots.txt показывает ваш реальный домен, а не https://landingpage.managertools.xyz

8. Отправьте на GitHub

git add .
git commit -m "Initial scaffold from SiteKit Stage 1"
git push origin main

9. Проверьте развёртывание

Перейдите в панель управления Cloudflare Pages. Вы должны увидеть новое развёртывание в процессе сборки. После завершения посетите URL вашего сайта, чтобы убедиться, что он работает.

Этап 2: Дизайн и контент

1. Подготовьте материалы бренда

Перед запуском Этапа 2 поместите материалы бренда в проект:

Логотип → assets/images/logo.png
Фотографии → assets/images/ с понятными именами файлов
Фавикон → assets/images/favicon-source.png (не менее 512x512)

Нет материалов? Ничего страшного — Этап 2 всё равно сработает. Он добавит комментарии в код с указанием, куда позже разместить файлы.

2. Скачайте промпт Этапа 2

Вернитесь в SiteKit и скачайте промпт Stage 2 на вкладке Prompts.

3. Снова запустите Claude Code

В той же директории проекта:

claude

Передайте промпт Этапа 2 таким же образом:

Read stage-2-design-content-your-site.md and follow all the instructions.

4. Дайте Claude применить дизайн

Claude Code:

Подберёт цвета бренда на основе ваших дизайн-предпочтений
Обновит конфигурацию Tailwind
Напишет реальные тексты для каждой страницы
Создаст описания услуг
Напишет SEO мета-описания
Настроит структурированные данные (JSON-LD) с реальной информацией о вашем бизнесе
Интегрирует материалы бренда (если они есть)

Это тоже займёт около 10-15 минут.

5. Просмотрите изменения

Снова запустите сервер разработки и проверьте:

bundle exec jekyll serve --livereload

На что обратить внимание:

Цвета соответствуют вашему бренду
Тексты звучат как ваш бизнес (не шаблонно)
Номера телефонов и электронная почта указаны правильно
Часы работы корректны
Все страницы имеют уникальный контент (не осталось текстов-заглушек)
Мобильная версия выглядит хорошо

6. Внесите коррективы

Что-то не устраивает? Скажите Claude:

The hero headline doesn't feel right. Can you make it more about [specific outcome]
and less formal? Our brand voice is casual and approachable.

Change the primary color to #2563eb (a brighter blue).

The About page needs more emphasis on our 15 years of experience.

Claude может вносить исправления столько раз, сколько потребуется.

7. Отправьте и разверните

git add .
git commit -m "Apply brand design and content from SiteKit Stage 2"
git push origin main

Cloudflare Pages автоматически развернёт обновлённый сайт.

Полезные советы

Промпты можно скачать заново в любое время. Если вы обновили информацию о бизнесе или ответы о брендинге в SiteKit, скачайте новые промпты. Они будут содержать актуальные данные.

Этап 2 можно запускать повторно. Если вы хотите начать дизайн заново, можно перезапустить Этап 2 на том же каркасе. Claude перезапишет существующий дизайн новым.

Поддерживайте данные в SiteKit в актуальном состоянии. Если у вас изменились часы работы, вы добавили новую услугу или сменили номер телефона — обновите это в SiteKit. При следующем скачивании промпты будут содержать корректную информацию.

Всё принадлежит вам. Созданный сайт — полностью ваш: ваш репозиторий на GitHub, ваш хостинг на Cloudflare, ваш код. SiteKit лишь помогает вам начать.