Победа над «AI Slop»: Как создавать уникальный дизайн с помощью ИИ
Ключевые тезисы:
AI slop — это шаблонный, безвкусный дизайн, который легко опознать как сгенерированный ИИ.
Ключ к уникальности — инъекция собственного вкуса в процесс проектирования.
Работа строится на трёх шагах: курирование вдохновения, выбор инструментов и итеративная сборка.
Шаг 1: Формирование вкуса и библиотеки вдохновения
Проблема: ИИ сам по себе не имеет вкуса и выдает усреднённый, шаблонный результат.
Решение: Создать личную библиотеку дизайн-вдохновения, которая станет отражением вашего вкуса и основой для промптов.
Где искать вдохновение:
- Dribbble — для просмотра популярных лендингов.
- Pinterest — для поиска геро-секций и нестандартных решений.
- Twitter (X) — чтобы находить уникальные работы от креативных дизайнеров.
Как организовать:
- Сохраняйте скриншоты понравившихся работ.
- Можно создать простой веб-приложение (например, с помощью Claude Code) для структурирования библиотеки. Оно может группировать работы по стилям, давать пояснения и ключевые слова для промптов.
Шаг 2: Инструменты и навыки для улучшения вывода
Чтобы выйти за рамки стандартных возможностей Claude Code, нужны внешние инструменты (Skills и MCPs).
Лучшие Skills для дизайна:
Impeccable — открытый инструмент с 23 командами для улучшения компонентов.
- Что делает: Критикует, добавляет полировку, улучшает типографику, цвета, отступы, адаптивность и UX-тексты.
- Имеет режим Live Mode для визуального редактирования компонентов прямо в браузере.
- Устанавливается через CLI (можно попросить Claude Code помочь с установкой).
Taste Skill (v2) — экспериментальный навык, который борется с «AI slop» и создает уникальные, не шаблонные интерфейсы.
Ключевой MCP:
- Higgs Field MCP — даёт Claude Code доступ к генераторам изображений и видео (например, GPT для картинок, SeaDance для видео).
- Позволяет создавать кастомные геро-изображения и ассеты для сайта.
Дополнительный ресурс:
- 21st.dev — библиотека компонентов (кнопки, карточки, секции) с готовыми промптами для их генерации. Помогает найти вдохновение на уровне конкретных элементов.
Важно: Не увлекайтесь поиском «волшебного» навыка. Лучше использовать гибкие инструменты (Impeccable, Taste Skill), которые дают разнообразие, а не однотипный результат.
Шаг 3: Процесс сборки и итерации
Откажитесь от идеи создать идеальный сайт с одного промпта (one-shot). Вместо этого используйте итеративный подход.
Структура промпта (4 ключевых элемента):
- Эстетика — общее семейство дизайна (например, «минимализм», «кинематографичный»).
- Референсы — изображения или URL сайтов из вашей библиотеки, передающие нужное ощущение.
- Цель — что мы строим и зачем (SaaS, ивент), кто целевая аудитория, какое целевое действие.
- Ограничения — что нельзя делать (например, «никаких фиолетовых градиентов и шрифта Inter»).
Рабочий процесс:
- Широкий охват: Попросите создать 5 версий сайта в разных стилях. Сравните их на одном экране.
- Выбор направления: Выберите понравившийся стиль и создайте 3 его вариации (меняя компоновку, body-секции).
- Детализация: Выберите лучшую вариацию и начните «доводку»:
- Генерация геро-изображений через Higgs Field MCP.
- Тонкая настройка шрифтов, цветов, анимаций.
- Визуальные итерации: Попросите добавить панель твиков (как в Claude Design) для быстрого визуального изменения параметров (шрифт, цвет, отступы) прямо в dev-сервере.
- Используйте референсы для body: Так же, как и для героя, давайте ИИ ссылки на сайты, чья структура или подача контента вам нравится.
Выводы
- Уникальный дизайн создаётся не сложными промптами, а процессом, основанным на вашем вкусе.
- Курируйте вдохновение, вооружайтесь гибкими инструментами и итерируйте визуально.
- Это избавляет от лотереи «сделай красивее» и даёт контроль над конечным результатом, который будет отражать ваше видение, а не усреднённый вывод ИИ.