Редизайн без потерь: redesign.md для ИИ-агента
Опись того, что нельзя сломать, план по шагам и проверки после каждого
Какую задачу решает
Описать редизайн так, чтобы ИИ не сломал функционал
Что будет на выходе
Документ redesign.md: что сохранить, порядок миграции, тесты
- Кому подойдёт
Вайбкодер, который хочет обновить дизайн сайта и боится сломать работающее
- Тема
- Видео и дизайн
- Инструменты
- любой ИИ-чат
Ты просишь агента «сделать посвежее», а через час замечаешь, что пропала кнопка «Скачать счёт», форма заявки больше не отправляет UTM-метки, старые ссылки из рассылки ведут на 404. Редизайн ломает то, о чём никто не сказал вслух: агент видит макет, но не знает, что на этой странице держится выручка.
Здесь промпт, который сначала составит опись того, что нельзя потерять, а потом соберёт файл redesign.md: инварианты, порядок переезда и проверки после каждого шага. Его кладёшь в корень проекта и даёшь агенту вместе с задачей.
Перед редизайном перечисли, что обязано работать так же, как сейчас: тексты, поля форм, адреса страниц, события аналитики. Промпт превратит этот список в redesign.md с планом по шагам и проверкой после каждого.
Что получишь
- 🔒Список инвариантов
Что после редизайна должно остаться как было: адреса, поля форм, тексты с юридическим смыслом, события аналитики, сценарии оплаты.
- 🧭План переезда
Страницы и блоки в порядке переделки, от наименее рискованных к тем, где деньги и заявки.
- ✅Проверки руками
Для каждого шага: что открыть, что нажать и что должно произойти. Без этого шаг не считается сделанным.
Как использовать
- 1Сними текущее состояние
Скриншоты всех страниц, которые меняешь, список адресов и форм. Если есть аналитика, выпиши события, на которые смотришь.
- 2Отправь шаг 1 промпта
ИИ составит опись того, что сейчас работает, и задаст вопросы про спорные места.
- 3Вычеркни лишнее и допиши забытое
Ты лучше знаешь, где заявки. Отметь, что можно менять свободно, а что трогать нельзя.
- 4Отправь шаг 2 и сохрани файл
Скопируй ответ целиком в файл redesign.md в корне проекта и скажи агенту: «Работай по redesign.md, по одному шагу».
Рядом по теме: Дизайн-бриф лендинга: design-brief.md для агента, Бриф на рекламные креативы, Карусели в стиле бренда: система из трёх документов, статья «Нейросети для работы по 20 профессиям» и Анимация интерфейса: шаблон промпта и карта приёмов (бесплатно).
Что дальше
Если редизайн нужен только для телефона, начни с гайда Почини вёрстку на телефоне и не устрой редизайн. Чтобы новые цвета и отступы не расползлись по страницам, сначала собери мини-дизайн-систему. А проверять каждый шаг агента поможет Новая функция, которая не ломает остальное.
Дальше — для участников
Регистрация бесплатная и занимает минуту. Часть закрытых материалов откроется сразу, без карты.
