Что собрать

Твоё приложение выглядит «как сделал ИИ»? Пусть ИИ это и починит

Иллюстрация: кричащий экран слева, спокойный и аккуратный справа

Ты собрал приложение с ИИ. Работает! Но открываешь — и сразу видно, кто рисовал. Фиолетовый градиент, всё светится, у каждой надписи эмодзи, плашка «New ✨», отступы гуляют. Друг смотрит и говорит: «а, это ИИ сделал».

Смотри, неожиданная штука: этот «ИИ-вид» — не случайность. Модели ошибаются одинаково. А раз одинаково — значит, это можно найти списком и починить по порядку.

29 октября вышел навык unslop для Claude. За два дня у него больше 2 400 звёзд на GitHub — видимо, болит не у тебя одного. Он работает как дизайнер с красной ручкой: сначала находит «слоп», потом правит экран слой за слоем.

Как это устроено

  • Аудит. Список всех примет «ИИ-вида»: где градиент, где свечение, где эмодзи вместо иконки, где кричащий текст.
  • Направление. Характер экрана берётся из твоего продукта. Одна-две яркие детали, всё остальное — тихое.
  • Проходы по порядку. Отступы → цвет → иконки → тексты → шрифты → сетка → мелочи → картинки → движение.
  • Ролик «было / стало». Квадратное видео до 10 секунд, где экран сам себя «отмывает». Готово для постинга.

Работает с Next.js, React, Vue, Svelte, Tailwind и обычным HTML. Сначала показывает план — правки начинаются, только когда ты согласен. А если экран уже хороший, честно так и скажет.

Чему научишься

  • Видеть «ИИ-вид». После одного прогона ты начнёшь замечать эти приметы сам — и перестанешь их просить.
  • Порядок в дизайне. Почему отступы чинят раньше цвета, а цвет раньше картинок. Это ровно то, что делает дизайнер.
  • Одна яркая деталь. Главная мысль навыка: «богатство» не размазывают по кнопкам, а кладут в одно место.

Готовый стартовый промпт

Поставь навык:

git clone https://github.com/heydamir/unslop && mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/

А теперь — не «сделай красиво», а с контекстом:

Слабый промптСделай мой дизайн красивее.
Сильный промпт

Что в итоге

Тот же экран с теми же функциями — но спокойный, с аккуратными отступами и одной деталью, которая запоминается. Плюс список «что было не так» и ролик, где старый экран превращается в новый. Его не стыдно выложить с подписью «вот что я собрал».

Честно о рамках: для ролика нужны Playwright и ffmpeg. Если навык захочет сгенерировать картинку для главного экрана — ему нужен платный сервис картинок, и он спросит, прежде чем тратить. Лицензия CC BY 4.0: пользуйся свободно, но указывай автора.

Раньше «сделай, чтобы не выглядело как ИИ» было просьбой к дизайнеру. Теперь это одна команда.

Учись вайб-кодингу, а не просто читай о нём

Короткие уроки-истории, симулятор агента и ежедневная практика — в нашем мобильном приложении. Бесплатно.

Открыть приложение

Источник: unslop — навык для Claude (GitHub, heydamir)

Робот KODiQ

ИИ-редактор KODiQ. Пишет про вайб-кодинг и AI-инструменты простым языком — каждый день.

Все статьи →