IKIGAI PROMOTION · интенсив по вайб-кодингу

Аудит лендинга: найти, где страница теряет деньги

Вы научились делать страницы за вечер. Теперь вопрос другой: как понять, что страница плохая, до того как на неё пошёл трафик. Этот комплект отвечает на него процедурой, а не мнением — и выдаёт план правок, по которому Claude Code чинит сам.

Что вы получите за 40 минут

  1. Файл AUDIT-PLAN.md — список поломок с уровнем важности, точным местом и готовым фиксом.
  2. Порядок починки: что чинить первым, чтобы не тратить день на косметику.
  3. Ответ на выходе: можно выпускать или нельзя и вот почему.

Установка — один промпт. Скопируйте его в Claude Code, он скачает комплект с GitHub и всё разложит сам. Терминал открывать не нужно.

Результат

Что получится в итоге

Сначала посмотрите на результат, потом решайте, нужен ли вам процесс.

Аудит заканчивается одним файлом. Вот он — на вымышленной странице, чтобы было видно устройство. Каждая находка несёт код, уровень важности, точное место и конкретный фикс: не «улучшить заголовок», а что именно заменить и на что.

MD _audit/2026-08-30/AUDIT-PLAN.md пример · копировать нечего

AUDIT-PLAN — landing.example.kz

30.08.2026 · линз 5 · скриншотов 25 · находок 196 сырых → 68 уникальных

CRITICAL 3 HIGH 14 MEDIUM 31 LOW 20

Топ проблем прогона

  1. Форма заявки не отправляется на мобильном — кнопка перекрыта sticky-панелью
  2. Цена в первом экране 88 000 ₸, в блоке тарифов 96 000 ₸
  3. LCP 5,8 с на 4G — hero-картинка 2,4 МБ в PNG

Находки

C1 CRITICAL M+U · impact 3 / effort 1 · секция hero, строка 214

Цена «88 000 ₸» противоречит блоку тарифов («96 000 ₸», строка 588).

«Участие — 88 000 ₸ до 5 сентября»

Фикс: привести к источнику истины; если действует ранняя цена — подписать «до 5 сентября», иначе заменить на 96 000 ₸.

C2 CRITICAL U+P · impact 3 / effort 2 · 320px и 375px · .cta-sticky

Sticky-панель высотой 96px перекрывает кнопку отправки формы — на iPhone SE отправить заявку физически нельзя.

Фикс: padding-bottom: 112px на .form-wrap + проверить отправку живым тестом.

H3 HIGH T · impact 2 / effort 1 · секция otzyvy

Три отзыва без имён, фото и цифр — «Всё очень понравилось, спасибо!».

Фикс: имя + должность + один измеримый результат, либо снять блок целиком: безликий отзыв работает в минус, а не в ноль.

Блокеры на владельце

  • ☐ Цена 88 000 или 96 000 — какая действует? (разблокирует C1)
  • ☐ Отзывы: можете дать имена и цифры или снимаем блок? (разблокирует H3)
Чекбоксы не для красоты. Вы вычёркиваете то, что чинить не надо, а команда правок читает этот же файл и делает только оставшееся. План — это меню, а не приговор.

Как отличать блоки на этой странице. Карточка с зелёной шапкой и именем файла, как выше, — это то, что вы получите; кнопки у неё нет, копировать нечего. Чёрный блок с кнопкой «скопировать» — то, что нужно вставить в Claude Code.

Рамка

Чем этот аудит является и чем не является

Прочитайте до установки. Половина разочарований — от ожидания не того.

Является

Поиском поломок по рубрике. Не «нравится / не нравится», а шкала, по которой CRITICAL — это сломанная форма или ошибка в цене, а не мелкий шрифт.

Не является

Редизайном. Аудит не сделает страницу красивее и не предложит новую концепцию. Он говорит, где текущая ломается. За «сделать красиво» отвечает другой комплект.

Является

Приоритизацией. Находки взвешены по влиянию и трудозатратам, порядок починки выводится из этого, а не из того, что попалось на глаза первым.

Не является

Гарантией роста продаж. Аудит убирает потери — сломанную форму, конфликт цен, нечитаемый экран. Продажи делает оффер. Плохое предложение на идеальной странице остаётся плохим предложением.

Является

Гейтом перед выпуском. На выходе ровно один ответ: READY или NOT READY со списком блокеров. Не «в целом неплохо».

Не является

Заменой аналитике. Без данных о поведении линза скорости смотрит на технику, а не на людей. Аудит скажет «аналитики нет вообще» — но не расскажет, где отваливаются именно ваши посетители.

Является

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

Не является

Заменой трафику и юристу. Он не приведёт людей на страницу и не проверит оферту, политику данных и лицензии — это к людям, а не к модели.

И главное, чем он не является: мнением. Обычное «проверь мой лендинг» даёт вежливые пожелания вперемешку с выдумкой — модель охотно генерирует правдоподобные, но несуществующие проблемы. Здесь против этого встроена отдельная стадия, см. следующий раздел.
Устройство

Как это работает внутри

Понимать не обязательно, но помогает не спорить с результатом.

Путь одного прогона

  1. Контекст-якоря. У вас спрашивают: что здесь считается конверсией, какая цена и даты, откуда трафик. Без этого проверка превращается во вкусовщину.
  2. Скриншоты на пяти размерах — 320, 375, 768, 1024, 1440. Один набор для всех проверок, чтобы находки можно было сравнивать между собой.
  3. Пять линз параллельно. Маркетинг, UI/UX, дизайн, доверие, скорость. У каждой своя зона ответственности и одна установка: «не хвали — ищи, где страница потеряет деньги».
  4. Склейка. Находки с одинаковым местом объединяются в одну. Если две линзы увидели одно и то же независимо — уверенность высокая, находка идёт вперёд.
  5. Адвокат дьявола. Находку, которую увидела только одна линза, отдают скептику с установкой «попробуй опровергнуть, по умолчанию считай выдумкой». Не устоял — вылетает.
  6. Приоритет. Влияние × трудозатраты. Отсюда выводится порядок этапов.
  7. План. Всё складывается в файл с чекбоксами и останавливается. Правки — отдельной командой.
Почему пять взглядов, а не один. Один проверяющий видит то, что ему ближе: дизайнер — типографику, маркетолог — оффер. Пять линз с закреплёнными зонами закрывают страницу целиком, а процедура склейки не даёт им завалить вас пятью версиями одной и той же претензии.

Кто за что отвечает

ЛинзаЧто ищет
M маркетингОффер первого экрана, цепочка призывов, согласованность цен и дат, обработка возражений
U UI/UXSticky и оверлеи, размер зон нажатия, навигация, поведение форм, перегруз на мобильном
D дизайнПалитра, типографика, глубина и слои, контраст, единый формат чисел, «не выглядит ли шаблонно»
T довериеОтзывы, кейсы, логотипы, юридические страхи, написание бренда, орфография
P скоростьCore Web Vitals, вес картинок, смещения макета, аналитика, безопасность, доступность
Внимание

Три вещи, из-за которых всё ломается

Каждая стоила нам отдельного разбора. Прочитайте до первого прогона.

01

Зелёная проверка — не приёмка

Самодиагностика показывает, что файлы и программы найдены. Она не может проверить, что они работают: ключ доступа бывает прописан, но просрочен, браузер — установлен, но без скачанного движка.

Единственная честная проверка — прогнать аудит на живой странице.

02

Аудит без цели — вкусовщина

Если на вопрос «что здесь считается конверсией» вы ответили «ну, чтобы нравилось», то и находки будут про «нравится».

Скажите прямо: заявка, оплата, звонок, запись. От этого зависит, что окажется критичным, а что косметикой.

03

Правки без прочитанного плана

Команда правок специально не запускается сама. Если сказать ей «делай» не глядя, вы получите сорок изменений, половину из которых не просили.

Пять минут на чтение плана экономят вечер на откатах.

Чек-лист

Семь шагов

Первые два — один раз. Дальше — каждый раз, когда проверяете страницу.

Шаг 1 один раз

Поставить комплект

Откройте Claude Code в папке своего сайта. Скопируйте промпт и вставьте одним сообщением. Он скачает комплект с GitHub, разложит по местам, проверит окружение и скажет, чего не хватает.

Поставь мне аудит-комплект IKIGAI PROMOTION в этот проект.

Рамка работы (важно): все команды выполняй сам. Не показывай мне команду с просьбой её куда-то вставить. Если без меня действительно нельзя — скажи, в каком окне, куда нажать и что я увижу на экране. Я не разработчик.

Шаг 1. Скачай комплект. Склонируй его в папку audit-kit внутри моего проекта:
git clone https://github.com/ikigai-promotion-kz/ikigai-audit-kit.git audit-kit
Репозиторий публичный — ни логин, ни ключи не нужны. Если папка audit-kit уже есть, не клонируй заново, а обнови: git -C audit-kit pull

Шаг 2. Поставь. Запусти установщик из папки комплекта, указав мой проект явно (это текущая папка):
- Windows: powershell -ExecutionPolicy Bypass -File .\audit-kit\install.ps1 -Project .
- macOS/Linux: bash audit-kit/install.sh --project .
Он разложит каноны в .claude/audit-canon/, команды в .claude/commands/, скилл в .claude/skills/. Уже стоящие файлы он не перезаписывает — это нормально, так задумано.

Шаг 3. Проверь окружение и объясни человеческим языком. Установщик в конце сам прогоняет check-audit-kit.mjs. Покажи мне его вывод и переведи: что из этого обязательно, что желательно, и что конкретно я теряю по каждому жёлтому пункту. Не пиши «всё ок», если есть жёлтые.

Шаг 4. Добери то, чего не хватает — сам.
- Нет lhci — поставь: npm i -g @lhci/cli. Без него линза скорости и финальный гейт неполные.
- Нет Playwright — поставь в проект: npm i -D @playwright/test && npx playwright install chromium. Без него скриншоты по размерам экрана придётся снимать вручную.
- Нет Exa MCP — скажи мне, что его нет, и что тогда аудит будет читать локальные файлы сайта вместо живой страницы. Сам ключи не выдумывай и никуда меня не регистрируй.
Если установка чего-то требует прав администратора или падает — не борись молча, покажи мне ошибку дословно и скажи, что делать.

Шаг 5. Проверь, что команды видны. Убедись, что в .claude/commands/ лежат landing-audit.md и landing-fix.md, и что внутри них пути ведут в .claude/audit-canon/, а не в чужой репозиторий. Если внутри осталась строка projects/ikigai-design-system — это поломка, скажи мне.

Шаг 6. Скажи, что дальше. Одной короткой строкой: какую команду мне набрать для первого аудита и что я получу на выходе. Предупреди, что команды подхватываются при старте сессии — то есть Claude Code надо закрыть и открыть заново. Сам аудит пока не запускай, я скажу когда.
После установки закройте Claude Code и откройте заново. Команды подхватываются при старте сессии — это причина номер один жалобы «у меня нет такой команды».
Шаг 2 один раз

Проверить, что всё встало

Наберите / и посмотрите, есть ли в списке landing-audit. Есть — идите дальше. Нет — вернитесь к промпту и покажите Claude, что команды не видно.

Отдельно можно прогнать самодиагностику:

node audit-kit/check-audit-kit.mjs

Три состояния: [ есть ] — на месте · [ ~ ] — нет, но аудит пройдёт, часть проверок станет ручной · [ нет ] — обязательное отсутствует.

Шаг 3

Запустить аудит

/landing-audit https://ваш-сайт.kz

Вместо ссылки можно дать путь к папке с файлами сайта — тогда линзы прочитают исходники, а не живую страницу.

Дальше у вас спросят про контекст: что здесь конверсия, какая цена и даты, откуда трафик, как пишется имя бренда. Отвечайте коротко и честно. «Не знаю» — тоже ответ, он попадёт в блок «Блокеры на владельце».

Потом ждите. Скриншоты, пять линз, склейка, проверка спорного — это самая долгая часть. Окно не закрывайте.

Шаг 4

Прочитать план

На выходе — файл _audit/ГГГГ-ММ-ДД/AUDIT-PLAN.md. Времени мало — читайте только «Топ проблем прогона» в шапке.

Аудит здесь останавливается специально. Он не начинает чинить, пока вы не прочитали план. Это не медлительность — это чтобы вы не обнаружили постфактум сорок правок.

Шаг 5

Вычеркнуть лишнее и возразить

Снимите галочки с того, что чинить не надо: так задумано, это временная страница, здесь мы сознательно идём против правила.

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

40–70 находок на первом прогоне — норма. Это не оценка вашего сайта, а следствие того, что пять линз смотрят параллельно и каждая обязана принести топ-3 самого больного.
Шаг 6

Запустить правки

/landing-fix _audit/2026-08-30/AUDIT-PLAN.md

Дату в пути замените на свою. Дальше правки идут батчами: критичное и важное первым спринтом, косметика отдельно. Каждый батч — отдельный коммит, после каждого — контрольные скриншоты затронутых секций.

Шаг 7

Прочитать вердикт

В конце — гейт: скорость не упала, ничего не сломалось на мобильном, форма отправляется, критичных провалов нет. Ответ ровно один:

READY

Можно выпускать. Правки закоммичены, проверки пройдены.

NOT READY

Нельзя, и перечислено что именно мешает. Обычно это блокеры, ответ на которые есть только у вас.

Быстрый режим

Когда полный прогон избыточен

Нужен быстрый взгляд, а не сорок минут — попросите словами, без команды:

Прогони быстрый конверсионный аудит https://ваш-сайт.kz

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

СитуацияЧто брать
Перед запуском платной рекламыПолный /landing-audit
Перед сдачей страницы клиентуПолный /landing-audit
После крупной переделкиПолный /landing-audit
Страница ещё в работе, хочется сверитьсяБыстрый триаж
Смотрите чужой лендинг для оценки работыБыстрый триаж
Если не пошло

Симптом → что делать

Что видитеЧто происходит и как чинить
Команды /landing-audit нет в списке Чаще всего сессия была открыта до установки — команды подхватываются при старте. Закройте Claude Code и откройте заново в папке проекта. Не помогло — установщик положил файлы не туда: запустите его повторно, указав папку явно через -Project.
Находок мало, и они общие Линзы не прочитали живую страницу. Причины по частоте: нет доступа к чтению веба (аудит смотрит в пустоту) · ссылка ведёт на страницу за паролем · не сняты скриншоты, и визуальные линзы работают вслепую. Обходной путь — дайте путь к папке проекта вместо ссылки.
Правки начались без плана Запущен /landing-fix без предварительного аудита, либо на вопрос об одобрении был ответ «делай». Откатите через git и вернитесь к порядку: сначала аудит, потом чтение плана, потом правки.
«Выполнение сценариев отключено в этой системе» Windows не даёт запустить установщик двойным кликом. Нужна строка целиком, вместе с ключом -ExecutionPolicy Bypass — она есть в промпте.
Диагностика ругается на пути в командах Внутри команд остались адреса авторского репозитория — каноны по ним не найдутся. Переустановите комплект с ключом -Force.
Куратору отправляйте не скриншот, а текст. Вывод самодиагностики целиком плюс команда, которую запускали. По скриншоту половина причин неотличима друг от друга.
Ожидания

Чего ждать по-честному

01

Находок будет много

40–70 на первом прогоне — обычное дело. Это не значит, что сайт плохой. Значит, что раньше его никто так не смотрел.

02

Часть вы отклоните

И это не сбой процесса, а его смысл: решение остаётся за вами, машина приносит аргументы. Отклонить половину — нормальная работа владельца.

03

Второй раз будет короче

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

Словарь

Если слово встретилось впервые

Линза
Один проверяющий со своей зоной ответственности. Их пять, они работают параллельно и не знают о находках друг друга — поэтому совпадение двух линз что-то значит.
Severityуровень важности
CRITICAL блокирует выпуск, HIGH чинится до выпуска, MEDIUM рассматривается, LOW по желанию. Ставится по рубрике, а не на глаз.
Дедупсклейка
Объединение находок про одно и то же место в одну. Иначе пять линз выдали бы вам пять версий одной претензии.
Адвокат дьяволаadversarial-verify
Отдельный скептик, которому дают одиночную находку с заданием опровергнуть её. Дешёвый способ отсеять правдоподобную выдумку.
Брейкпоинт
Ширина экрана, на которой проверяется страница. У нас их пять: 320, 375, 768, 1024, 1440 — от старого маленького телефона до большого ноутбука.
CWVCore Web Vitals
Три показателя скорости и стабильности страницы, которые измеряет Google. Плохие цифры бьют и по людям, и по поиску.
Гейт
Проверка на выходе, у которой всего два ответа. Нужна, чтобы «вроде всё поправили» не превращалось в выпуск сломанной страницы.
Дальше

Куда идти отсюда

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