Часть 1. Из первого модуля: ИИ и сборка сайтов

20 формулировок для правок

Три правила, без которых ничего не работает

1. Одна правка — одно сообщение. «Поменяй цвет, добавь форму и переделай меню» — ИИ сделает что-то одно и сломает остальное.

2. Говорите, где именно. Не «поправь кнопку», а «синюю кнопку "Записаться" в первом экране».

3. Добавляйте фразу-страховку. Остальное оставь без изменений. — эти четыре слова спасут вам не один вечер.

Размер и расположение

1. Подвинуть блок

Перемести блок [название] выше — он должен идти сразу после [название другого блока]. Остальное оставь без изменений.

2. Увеличить или уменьшить

Увеличь [что: заголовок в первом экране] примерно в полтора раза. Остальное оставь без изменений.

Не пишите «сделай побольше» — непонятно насколько. Пишите «в полтора раза», «вдвое», «немного».

3. Добавить воздуха

Увеличь расстояние между блоками и отступы внутри карточек — сейчас всё слишком плотно. Размеры текста не меняй.

4. Выровнять

Выровняй [что: карточки услуг] по одной высоте, сейчас они разного размера и это выглядит неаккуратно.

5. Поставить в ряд или в столбик

Расположи [что: карточки] в [два/три] столбца на компьютере и в один столбик на телефоне.

Цвета и оформление

6. Поменять цвета

Поменяй цветовую схему: [бежевый фон, тёмно-коричневый текст, золотые кнопки]. Структуру и тексты не трогай.

7. Поменять стиль целиком

Переделай оформление в стиле [название стиля из карточки «Слова-триггеры»]. Структуру и тексты оставь как есть.

8. Смягчить углы

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

9. Поправить читаемость

Текст плохо читается — слишком мелкий и бледный. Увеличь размер основного текста, сделай его контрастнее и увеличь межстрочный интервал.

10. Убрать лишнее

Убери [что: градиенты и тени] — выглядит перегружено. Сделай проще и спокойнее.

Телефон

11. Починить мобильную версию

На телефоне [опиши, что не так: текст вылезает за экран и кнопки налезают друг на друга]. Исправь, чтобы всё нормально помещалось. На компьютере ничего не меняй.

12. Убрать боковую прокрутку

На телефоне страница прокручивается вбок, этого быть не должно. Найди, что вылезает за границы экрана, и исправь.

13. Увеличить кнопки под палец

Увеличь все кнопки и нажимаемые элементы, чтобы по ним было удобно попадать пальцем на телефоне — минимум 44 пикселя в высоту.

14. Спрятать лишнее на маленьком экране

На телефоне скрой [что: боковую колонку], она мешает. На компьютере оставь как есть.

Содержание

15. Добавить блок

Добавь блок [название] между [блоком А] и [блоком Б]. Внутри [4] пункта с заголовками и коротким описанием. Оформи в том же стиле, что остальная страница.

16. Удалить блок

Удали блок [название]. Проследи, чтобы после удаления отступы остались ровными и ничего не поехало.

17. Переписать тексты

Перепиши тексты в блоке [название]: сделай их [короче / проще / дружелюбнее / строже]. Оформление не трогай.

Движение

18. Добавить плавное появление

Добавь плавное появление блоков при прокрутке страницы. Анимация должна быть мягкой и неторопливой, без резких движений.

19. Оживить кнопки

Добавь реакцию на наведение курсора: кнопки слегка темнеют, карточки чуть приподнимаются. Эффект должен быть еле заметным.

20. Убрать анимацию

Убери анимацию у [чего] — она отвлекает и раздражает. Пусть появляется сразу.

Когда что-то сломалось

Не работает кнопка

Кнопка [название] не работает: при нажатии [опиши, что происходит или не происходит]. Найди причину и исправь.

Появилась ошибка

Появилась ошибка. Вот её текст целиком: [вставьте текст ошибки, ничего не сокращая] Объясни простыми словами, что случилось, и исправь.

Последняя правка всё испортила

Последнее изменение сломало [что именно]. Верни этот кусок к тому, как было до правки. Остальные изменения оставь.

ИИ ходит по кругу

Мы уже три раза пытались починить [проблема], и не получается. Давай иначе: сначала объясни по шагам, как сейчас устроен этот кусок и почему он не работает. Пока ничего не меняй.

Это самый рабочий приём из всех. Когда ИИ перестаёт чинить и начинает объяснять — он часто сам находит противоречие.

Что не работает

Сделай красиво

Так надо

Сделай в стиле минимализм, белый фон, чёрные кнопки

Что-то не то с кнопкой

Так надо

Кнопка «Записаться» не открывает WhatsApp

Поменяй цвет и добавь блок и почини телефон

Так надо

Три отдельных сообщения

Побольше

Так надо

В полтора раза больше

Верни как было

Так надо

Верни блок услуг к виду до последней правки

Там ошибка

Так надо

(вставленный текст ошибки целиком)

Памятка перед рискованной правкой

Собираетесь переделать что-то крупное?

Тогда любой неудачный эксперимент откатывается одной кнопкой.

Если правок уже больше двадцати

Иногда проект «протухает»: каждая новая правка ломает две старые, ИИ путается, вы устали.

Признаки, что пора начать заново:

Что делать: возьмите свой первый промпт, допишите в него всё, что выяснили по ходу, и запустите новый проект.

Это не поражение и не потерянное время. Второй заход почти всегда быстрее первого и результат заметно лучше — потому что теперь вы точно знаете, чего хотите.