Vitrine: один бриф — восемь скиллов

Восемь лендингов Vitrine с нуля по скиллам из отчёта за неделю, у всех одни и те же тексты с v12 и одни и те же настоящие сайты клиентов. На мой взгляд, сильнее всех Impeccable (идея «наблюдайте за магией» — сайты проявляются, как поляроиды), Oil UI (строгая редакционная сетка, профиль на глазах превращается в сайт) и frontend-design (чисто, адрес набран как вывеска). Без скилла, genjutsu и UI/UX Pro Max дали шаблонный вид, а DESIGN.md выглядит как раздел Airbnb. Карточки идут от сильных к слабым; нажмите на снимок, чтобы открыть вариант.

Impeccable сильный

Наш основной: PRODUCT.md, new-work, детектор, критика и полировка.

Сине-зелёный фон, жёлтые кнопки, плотный округлый гротеск. Идея из подзаголовка «наблюдайте за магией»: снимки готовых сайтов — поляроиды, которые проявляются при прокрутке (около 3,5 секунды). Работы показаны как «плитки профиля → поляроид сайта». Самый «живой» и продуманный по идее вариант; минус — проявление долгое, при быстрой прокрутке видны тёмные пустые карточки.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 40 минут

Открыть

Oil UI сильный

Несколько направлений рядом, выбор, доводка по снимкам.

Чёрно-белая редакционная сетка с тонкими линиями, широкий гротеск. На первом экране мозаика из настоящих работ клиентов, форма на чёрной плашке. «Как это работает» показано наглядно: по прокрутке профиль manifique_beauty превращается в готовый сайт. Самая строгая и «дизайнерская» страница; минус — местами мелкий текст, и кремового тепла для бьюти нет.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 67 минут (сравнение направлений и два раунда рецензии)

Открыть

frontend-design сильный

Официальный скилл Anthropic: план токенов, одна идея, список примет ИИ.

Белый фон и один насыщенный синий, узкий жирный гротеск, адрес «ваш-ник.vitrine.site» набран крупно контурными буквами как вывеска. Лента «Сейчас собираются» сразу на первом экране справа, работы — плитки профиля рядом с крупным снимком сайта. Чисто и собранно, ближе всего к хорошему продуктовому лендингу; характера меньше, чем у Impeccable.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 18 минут

Открыть

Taste Skill v2

Раздача направления скриптом из 247 сайтов, проверка страницы в браузере, архивные фото.

Тёмная страница, широкий гротеск, первый экран — лента настоящих сайтов-сборок крупно, форма справа. Работы показаны большими снимками с плитками профиля, в финале архивное фото ночной витрины Парижа 1928 года из Wikimedia. Аккуратно и цельно, но мрачно для бьюти-аудитории, мелкий текст в тарифах и подвале. Раздел «Работы» уезжал за край на 48 px на обеих ширинах — исправлено той же сессией.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 35 минут

Открыть

Без скилла

Контроль: тот же бриф, Claude Code без дизайн-скиллов.

Типичный вид «по умолчанию» у Opus: кремовый фон, заголовок с засечками и одно слово курсивом терракотовым, надзаголовки «— РАБОТЫ», нумерация 01/02/03, скруглённые карточки. Собрано добротно (лента «Сейчас собираются» бегущей строкой, работы как пара «профиль → сайт»), но это ровно тот шаблон, от которого уводят скиллы. Сдвиг страницы вбок на телефоне (значок выходил за край на 4 px) исправлен той же сессией.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 19 минут

Открыть

genjutsu · paint

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

Тёплый кремовый фон, заголовки с засечками, охристые кнопки, на первом экране справа сетка из плиток профилей. Спокойно и аккуратно, но близко к тому же «крему с засечками», что у варианта без скилла, и пусто: между блоками большие пустые полосы, движения почти не видно, хотя скилл про анимацию.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 31 минута

Открыть

UI/UX Pro Max

База стилей, палитр и пар шрифтов с поиском; дизайн-система по запросу.

Яркий «стартаповый» вид: белый фон, розовые кнопки, три шага карточками синего, фиолетового и розового цвета с огромными цифрами, финал на тёмном с декоративными кругами, надпись в подвале градиентом. Удобно и понятно, но это готовый SaaS-шаблон: такие страницы узнаются как сделанные ИИ.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 24 минуты

Открыть

DESIGN.md из каталога

Готовый DESIGN.md чужого бренда из awesome-design-md, страница строго по нему.

Сессия выбрала из каталога DESIGN.md Airbnb: белый фон, красно-розовые кнопки, поле ника как поисковая строка Airbnb, карточки работ с подписями. Аккуратно и очень читаемо, но это узнаваемый чужой бренд: Vitrine выглядит как раздел Airbnb. Самая короткая страница; на телефоне нет меню.

Проверено: 1440: без горизонтальной прокрутки, форма работает; 390: без горизонтальной прокрутки, форма работает. Сессия шла 3 минуты

Открыть

Как сравнивали

• Бриф один на всех: тексты дословно с vitrine-v12.alexandery.app и 11 настоящих сайтов, которые Vitrine собрал из настоящих профилей (те же картинки, что на v12). Условия одинаковые: статичная страница, телефон 390 и десктоп 1440, ноль эмодзи.
• Каждый вариант делала отдельная сессия Claude Code в своей папке. В задаче только название скилла и требование идти строго по нему, без подсказок по дизайну. Вопросы, которые скилл обычно задаёт человеку, сессия решала сама и записывала.
• Платных генераций и деплоя на прод не было. Taste Skill имеет право брать фото из открытых архивов и взял одно: ночная витрина в Париже, 1928 год, Wikimedia Commons.
• Я проверил каждый вариант снимками на 1440 и на 390 «как на телефоне» (iPhone, плотность 3): вся страница с прокруткой, ширина страницы при открытии и на каждом экране, отправка формы — ник уходит на vitrine.alexandery.app/?handle=. Два найденных дефекта (сдвиг вбок у Taste и у варианта без скилла) вернул тем же сессиям на одну правку.
• Impeccable — установленная у нас версия 4.0.4: для 4.7.1 нужен отдельный бинарник, его не ставил. Время под каждым вариантом — реальное время работы сессии.

Каких скиллов здесь нет и почему

• Claude Design — продукт в claude.ai под вашим аккаунтом, из сессии без окна его не запустить.
• Mobbin MCP — нужна платная подписка Mobbin.
• 10/10 Website Builder — платный скилл из сообщества на Skool.
• scroll-world — видео для страницы генерирует за деньги (Seedance, Higgsfield).
• REA, Chrome DevTools MCP и «Blueprint» — копируют чужой сайт, своего дизайна не делают.
• Awwwards MCP и Dembrandt — подбирают и разбирают чужие сайты-референсы, страницу по брифу не собирают.
• Скиллы Эмиля Ковальски отвечают только за анимацию, AI Slop Meter — только проверка.