42 дизайн-скилла для Claude, которые убивают ai-слоп_
у каждого сайта, собранного на вайбе, одна и та же примета: градиент из сиреневого в белый, Inter, четыре карточки в сетке, один слабый ховер. модель выдаёт медиану — а медиана мертва. эти 42 скилла — обычные SKILL.md-правила, которые перезаписывают вкус модели по умолчанию до того, как написана первая строка CSS. большинство ставится одной командой.
как складываются 42 скилла.
не ставьте все 42. соберите три-четыре, которые бьют по слопу у источника, а потом добавьте «глаза». ниже — вся архитектура: полный список, репозитории и строки установки.
{{ l.title }}
{{ l.intro }}
дайте агенту глаза
самый сильный скилл в этом списке — playwright-mcp. без него вы доверяете слепой модели. с ним модель открывает реальный браузер, снимает скриншоты каждой страницы во всех вьюпортах, сравнивает с вашим референсом и рефакторит CSS, пока не сойдётся — то есть проверяет свою работу сама.
claude mcp add playwright \
-s user -- npx @playwright/mcp@latest
› открой приложение в headless chrome, сними каждый экран на 1920 и 390, сравни с моим референсом и закрой расхождения.
берите четыре, а не сорок два.
один базовый слой вкуса, движение, одна система токенов и петля обратной связи. тот же инструмент — совершенно другой результат.
скиллы задают эстетический пол — они выводят на уровень «выглядит по-сеньорски». но вкус всё равно берётся из понимания ограничений, а не из чёрного списка шрифтов. решение о том, в какую сторону коммититься, всё ещё ваше.
каждый скилл выше — чужая опенсорсная работа, ссылки ведут прямо в репозитории авторов. поставьте звезду тем, которыми пользуетесь. если я где-то напутал с авторством или есть репозиторий лучше — напишите, поправлю.
дайте своему агенту вкус.
соберите три-четыре из этого списка — и тот же промпт, который выдавал безликий слоп, начнёт выдавать работу уровня сеньора. бесплатно: весь каталог, все репозитории, все строки установки.
ещё из библиотеки.
если вы живёте в Claude Code, это ложится в пару к скиллам выше: сетап, разбор плагинов и старт автономного кодинга.
5 скиллов Claude Code, которые заменили мне dev-команду за $150k
это 5 агентных скиллов, которыми я пользуюсь каждый день, чтобы получать от Claude Code продакшн-код. каждый — небольшой markdown-фа...
читать гайд ↗плагин для Claude Code
запустите это внутри claude code: /plugin install claude-code-setup@claude-plugins-official. официальная страница на GitHub...
читать гайд ↗стартовый набор для ночного ai-кодинга
Claude Code + плагин Ralph: полный гайд по настройке автономного кодинга — когда вы даёте ai задачу...
читать гайд ↗как стать ai-инженером за 6 месяцев — полный список ресурсов
практический план по месяцам со всеми нужными ресурсами. диплом по cs не требуется. месяц 1: код и основы...
читать гайд ↗