Резюме

Краткие, отличительные лендинги и портфолио, которые избегают шаблонной эстетики искусственного интеллекта.

Сначала читает бриф по дизайну, чтобы определить правильное направление эстетики (SaaS минималистичный, агентство экспериментальное, премиум-потребитель и т. д.) перед тем как трогать код, предотвращая стандартные шаблоны ИИ.
Настраивает три основных регулятора — вариативность дизайна, интенсивность движения и визуальную плотность — которые задают раскладку, анимацию и расстояния между элементами по всей странице
Применяет строгие анти-паттерны: запрет эм-дешей, общих засечных шрифтов, премиальных палитр в бежево-бронзовых тонах, трех одинаковых карточек с особенностями и другие сигналы LLM; проверяет каждую видимую строку на предмет ИИ-галлюцинаций.
Реализует реальные дизайн-системы (Material, Carbon, Fluent, Polaris, Primer, GOV.UK) по мере необходимости; в противном случае строит с Tailwind, Motion и GSAP для индивидуальной эстетики
Требует обязательного предполетного чек-листа, охватывающего контраст, обёртывание кнопок, подгонку hero-блока, согласованность цветов, обоснование движения и более 50 других критериев готовности к продакшну перед выпуском

tasteskill: Anti-Slop Frontend Skill

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

0. Вывод по брифу (Прочитайте обстановку перед всем остальным)

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

0.A Прочтите эти сигналы в первую очередь

Тип страницы - лендинг (SaaS / потребительский / агентство / мероприятие), портфолио (разработка / дизайнер / креативная студия), редизайн (сохранение против капитальной переработки), редакционный / блог.
Слова-настроения, которые использовал пользователь — "минималистичный", "спокойный", "Linear-style", "Awwwards", "бруталистский", "премиум-потребительский", "Apple-подобный", "игривый", "серьезный B2B", "редакционный", "агентство-подобный", "глянцевый", "темная технология".
Сигналы-источники - URL-адреса, на которые они ссылались, скриншоты, которые они вставляли, продукты, которые назвали, бренды, с которыми конкурируют.
Аудитория - панель закупок B2B vs потребитель, ориентированный на дизайн vs рекрутер, просматривающий портфолио. Аудитория выбирает эстетику, а не ваш вкус.
Бренд-активы, которые уже существуют - логотип, цвет, типографика, фотографии. Для редизайнов они являются исходным материалом, а не необязательным входным материалом (см. раздел 11).
Тихие ограничения - аудитории, для которых важна доступность, государственный сектор, регулируемые отрасли, доверие в торговле, детские товары. Эти ограничения переопределяют эстетические предпочтения.