Бесплатный open-source скилл для Claude, который наводит порядок в «вайбкоженном» интерфейсе: убирает фиолетовые градиенты, свечения, эмодзи-подписи, кривые отступы и делает экран похожим на работу дизайнера. Автор — Damir Sokolovsky (@heydamir), навык вырос из его серии «Unslopping» в X. Работает с Next.js, React, Vue, Svelte, Tailwind и обычным HTML/CSS: дашборды, приложения, лендинги, даже живой сайт по ссылке. Лицензия CC BY 4.0, на GitHub ~2 тыс. звёзд.
Подробно
Основное
| Поле | Значение |
|---|---|
| Название | unslop |
| Автор | Damir Sokolovsky (@heydamir) |
| Тип | скилл для Claude / Claude Code |
| Цена | бесплатно |
| Лицензия | CC BY 4.0 (нужна атрибуция) |
| GitHub | heydamir/unslop, ~2.0k звёзд, 102 форка |
| Стек | Next.js, React, Vue, Svelte, Tailwind, HTML/CSS |
| Что чинит | дашборды, приложения, лендинги, живые сайты по URL |
Что делает
- Аудит — перечисляет признаки слопа и где они живут.
- Направление — предлагает характер, «мир», 1–2 цветовых акцента и сигнатурную деталь из продукта.
- Проходы — по порядку: отступы, цвет, иконки, копирайт, типографика, сетка, детали, визуалы, анимация.
- Визуалы — может сгенерировать сцену через fal, Replicate, OpenAI Images или Higgsfield (через MCP), но спрашивает подтверждение перед платной генерацией.
- Story video — квадратное видео до 10 секунд, как экран «расшлапливается»; нужны Playwright и ffmpeg.
Перед правками скилл показывает аудит и направление, чтобы можно было вмешаться. Если экран уже хороший — говорит об этом и предлагает мелкие улучшения, а не переделывает всё.
Установка
git clone https://github.com/heydamir/unslop
mkdir -p ~/.claude/skills && cp -r unslop/skills/unslop ~/.claude/skills/
Для отдельного проекта — скопировать в .claude/skills/ внутри проекта. Использование: /unslop this dashboard или обычной фразой.
Что в роликах
- Первый Reel — про тренд: дизайнеры показывают до/после «AI slop → senior designer». Началось с поста Damir Sokolovsky в X, который набрал больше 1 млн просмотров; он обещал выпустить скилл. В кадре — пост с «Unslopping a vibecoded dashboard» и цитата «I'll share the unslop skill for Claude in a few days!».
- Второй Reel — анонс релиза: скилл уже бесплатный и open source, работает с лендингами, дашбордами и мобильными приложениями. Призыв «Comment UNSLOP» за ссылкой.
Ограничения
- Это не гарантия «дизайна уровня сеньора»: качество зависит от модели, контекста и самого продукта.
- Скилл задаёт процесс и эвристики, а не заменяет вкус; спорные решения всё равно надо смотреть глазами.
- Генерация изображений может стоить денег, если подключён платный провайдер.
- Story video требует Playwright и ffmpeg.
Ссылки
- GitHub: heydamir/unslop
- Страница скилла на skills.sh
- Пост автора в X
- Reel 1: про тренд
- Reel 2: релиз
Почему сохранил
- Практичный способ поднять качество интерфейсов, которые генерирует Claude Code, без ручной доводки каждого экрана.
- Open source и бесплатно — можно посмотреть, как устроены правила, и адаптировать под себя.
- Хороший пример «дизайн-процесса как скилла», а не очередного генератора картинок.
Стоит ли
Попробовать, если делаешь интерфейсы с Claude Code и устал от одинаковых фиолетовых дашбордов. Скилл бесплатный, установка в две команды, риск минимальный. Не жди чуда: это организованный чек-лист дизайнера, а не замена дизайнеру.
Проверено
- 2026-10-31: автор, лицензия, звёзды, установка, возможности — GitHub-репозиторий.
- 2026-10-31: история появления и обещание релиза — посты в X и кадры ролика.
- 2026-10-31: содержание обоих роликов — транскрипты и кадры.