Добавить тарифы на готовый сайт

Текст

Промт: добавить тарифы на готовый сайт

Исходник — сайт из примеров 01 и 03: основная версия и две версии в дизайн-системах. Это пример третьего навыка урока: сайт правят обычными словами.

Павел в уроке: «мы просто в Claude объясняем, что нужно делать, и дальше он сам, имея доступ к хостингу, заходит туда, выкладывает и делает. Это один из способов, самый быстрый и простой». Поменялись часы работы, продали товар, добавили тарифы — просто скажите.

Как давал Павел — дословно

Продиктовал голосом, сообщение оборвалось на полуслове — Claude всё равно понял:

Слушай, а можешь добавить, например, тарифы на этом сервисе внизу ноль бесплатный, какой-нибудь за 990 и за 5 990 и какое-то наполнение для них сделать? Это для нашего телесуфлёра, который текстовое

Как повторить у себя

Промт собран по уроку:

Добавь на сайт [папка сайта] блок тарифов внизу, перед частыми вопросами:
[Бесплатный — 0 ₽], [средний — 990 ₽ в месяц], [для команд — 5 990 ₽ в месяц].
Придумай наполнение для каждого, но не обещай того, чего продукт не умеет, — что придумал сам, перечисли отдельно.
Кнопки тарифов пусть ведут туда же, куда главная кнопка сайта.
Если у сайта несколько версий в разных стилях — добавь блок во все, каждый в своей дизайн-системе.
Проверь на компьютере и на телефоне.

Что сделал Claude

• Нашёл готовые карточки тарифов в дизайн-системах Volt и Granit и собрал блок из них. В основной версии нарисовал карточки в её стиле: рекомендуемый тариф — тёмный, как экран суфлёра.
• Добавил пункт «Тарифы» в меню и вопрос в «Частые вопросы» про лимит на бесплатном тарифе.
• Кнопки тарифов ведут туда же, куда «Оставить заявку»: адрес меняется в одном месте.
• В Granit сохранил правило «одна жёлтая кнопка на экран»: пока видна кнопка рекомендуемого тарифа, кнопка в шапке становится серой.
• Проверил все три версии на ширине компьютера 1440 и телефона 375: карточки одной высоты, кнопки на одной линии, вбок ничего не уезжает.
• Честно перечислил, что придумал сам, а не взял из описания сервиса. Это главное, что нужно проверить после такой правки: спросите Claude «Перечисли всё, что ты добавил на сайт от себя, а не из моего описания».

Цены и наполнение в примере — учебные: Павел задал их для демонстрации, это не действующие тарифы сервиса.