Skill: Autonomous UI/UX Scout 2026

Когда использовать

• У пользователя нет готовых референсов.
• Нужно, чтобы агент сам проявил инициативу и сделал дизайн уровня senior UI/UX.
• Нужен лендинг, который выглядит как работа профессионального дизайнера, а не шаблонная сборка.

P0: Quality Gate

Перед автономным discovery использовать skill-frontend-ai-quality-gate.

Если в проекте нет PRODUCT.md, DESIGN.md, REFERENCES.md, сначала scaffold:

bash /home/admin/workspace/skills/skill-frontend-ai-quality-gate/scripts/scaffold-quality-docs.sh .

Финальные 3-8 источников и applied/rejected patterns фиксировать в REFERENCES.md. После реализации обязательны screenshots 1440 + 390, UI_QA.md, Impeccable critique/audit/harden и ru-text для русского текста.

P0: Redesign Reset

Если пользователь отверг текущий дизайн или назвал его слабым/шаблонным/AI-slop, не продолжать текущий стиль.

1. Считать текущий UI anti-reference, а не style reference.
2. Сохранить только продуктовые факты, полезный текст, данные, маршруты и рабочую функциональность.
3. Не сохранять палитру, hero composition, card model, gradients, blobs, spacing rhythm, radii, shadows, декоративные мотивы.
4. Зафиксировать в REFERENCES.md, что именно провалилось в текущем UI и что запрещено переносить.
5. Собрать новые внешние референсы, предложить 2-3 replacement directions и выбрать Recommended.
6. Перед кодом обновить DESIGN.md под новую visual direction.
7. В финальном ответе указать RESET: old style rejected.

Жесткое правило автономности

1. Не задавай вопрос "что выбрать?" до первой итерации.
2. Сначала сам собери референсы и сделай выбор по best-fit.
3. Покажи пользователю 2-3 направления с коротким сравнением, но сразу продолжай с рекомендованным.
4. Вопросы задавать только если есть блокер (нет контента/бренда/доступов).

P0: Автономный discovery

1. Самостоятельно найти в интернете свежие референсы по нише и задаче (минимум 10).
   • Приоритет: реальные продукты/живые сайты/скриншоты, затем Refero/Refero Styles/Figma.
   • Generic Dribbble-картинка не считается достаточным референсом без объяснения, какой pattern берется в работу.
2. Отфильтровать до 3 направлений:
   • Direction A (консервативный conversion-first)
   • Direction B (баланс brand + conversion)
   • Direction C (смелый визуальный)
3. Для каждого направления зафиксировать:
   • visual language;
   • layout pattern;
   • CTA стратегия;
   • риски.
4. Записать applied/rejected patterns в REFERENCES.md.
5. Выбрать одно направление как Recommended и обосновать в 3 пунктах.

P0: Реализация без паузы

1. Сразу реализовать Recommended вариант в коде.
2. Добавить в ответ:
   • что именно взято из референсов;
   • что адаптировано под бренд/задачу;
   • почему это даст конверсию.

P1: Варианты для быстрого переключения

1. Подготовить 2 облегченных альтернативы (A/B):
   • вариант tone;
   • вариант hero;
   • вариант CTA.
2. Все варианты должны быть производственными (не "набросок").

P1: Изображения

1. Если в задаче уместно, сгенерировать hero/support изображения.
2. Для каждого изображения дать:
   • prompt;
   • negative prompt;
   • размер и формат.

P2: UX контроль качества

1. 5-second clarity test.
2. Контраст/читабельность.
3. Mobile (390px) и desktop (1440px) консистентны.
4. CTA-путь очевиден и короткий.
5. Нет horizontal overflow, clipped header, text overflow, nested cards, generic icon-card grids.

Decision Policy (как выбирать без пользователя)

По умолчанию выбирай направление, которое:

1. Лучше объясняет ценность за первые 5 секунд.
2. Дает самый прямой путь к конверсии.
3. Требует минимальных рисков для бренда и релиза.

Если два варианта равны:

• выбирай более простой в поддержке и быстрее в разработке.

Формат ответа агента

1. P0: 3 направления + Recommended + сразу реализованное решение.
2. P1: что подготовлено для переключения A/B.
3. P2: результаты UX checks.
4. RISK: что может ухудшить результат и как компенсировано.

Definition of Done

• Выполнены обязательные шаги skill.
• Проверки/тесты завершены без критичных ошибок.
• В ответе зафиксированы изменения, проверки и риски.