Скилы для AI-агентов
Готовые навыки для Claude Code, Cursor, Codex и других агентов — на русском. Рейтинг по числу установок, описания и проверка безопасности.
#
Скилл
Установки
2
frontend-design
безопасно
anthropics/skills
Создаёт узнаваемые, production-ready интерфейсы, отвергая скучный AI-дизайн через осознанные решения.
- Помогает выбрать эстетическое направление (брутализм, максимализм, ретро-футуризм, люкс, органика и т.д.) перед кодингом для цельного и запоминающегося результата
- Опирается на типографику, CSS-переменные для цветовых схем, motion design, пространственную композицию и текстурные детали как основные дизайн-столпы
- Генерирует рабочий код (HTML/CSS/JS, React, Vue), где сложность реализации соответствует эстетическому видению — от минимализма до максимализма
- Целенаправленно избегает затёртых шрифтов, клишированных палеток и предсказуемых лэйаутов, характерных для generic AI-интерфейсов
518Kустановок
11
web-design-guidelines
безопасно
vercel-labs/agent-skills
Проверяет UI-код по Vercel Web Interface Guidelines на соответствие дизайну и доступности.
- Загружает свежие гайдлайны перед каждой проверкой, правила всегда актуальны
- Принимает пути файлов или паттерны как аргументы; просит файлы если не указаны
- Выводит результаты в лаконичном format file:line для быстрого сканирования и исправления
- Охватывает дизайн, доступность и UX best practices из репозитория гайдлайнов
374.9Kустановок
69
ui-ux-pro-max
высокий риск
nextlevelbuilder/ui-ux-pro-max-skill
Комплексная дизайн-интеллигентность для веб и мобильного UI/UX на 10 технологических стеках.
- Включает 50+ дизайн-стилей, 161 палитру цветов, 57 пар шрифтов и 99 UX-гайдлайнов с приоритизированными правилами для доступности, touch-взаимодействия, производительности и responsive layout
- Поищуемая база данных с генерацией design system, рекомендующая паттерны, цвета, типографию и эффекты на основе типа продукта и ключевых слов; поддерживает light/dark mode и platform-специфичную рекомендацию (iOS HIG, Material Design, React Native)
- Охватывает 10 стеков (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, HTML/CSS) с best practices специфичными для реализации и правилами оптимизации производительности
- Предоставляет 25 типов диаграмм, 161 паттерн типа продукта и готовые шаблоны для вебсайтов, лендингов, дашбордов, админ-панелей, e-commerce, SaaS, портфолио, блогов и мобильных приложений с библиотеками компонентов (кнопки, модали, формы, таблицы, карточки, диаграммы)
206.1Kустановок
112
sleek-design-mobile-apps
безопасно
sleekdotdesign/agent-skills
AI-powered инструмент для дизайна мобильных приложений с REST API для создания проектов, описания дизайна на естественном языке и рендеринга скринов.
- Поддерживаешь high-level запросы ("design a fitness app") и конкретные правки ("add a pricing section to this screen"); отправляешь описания на естественном языке через chat и даёшь AI решать, что создавать или менять
- Требует Pro+ план и API key с scoped permissions (projects:read/write, chats:read/write, screenshots, components:read)
- Доступны async и sync режимы; async возвращает сразу с run ID для polling, sync блокирует до 300 секунд
- Всегда делаешь скриншот newly created или updated скринов после каждого chat run и доставляешь пользователю; комбинируешь все скрины проекта в один скриншот когда скрины создаются впервые
- Один active run на проект одновременно; безопасно retry'шь failed запросы через idempotency keys
182.3Kустановок
164
design-taste-frontend
безопасно
leonxlnx/taste-skill
Лаконичные и оригинальные лендинги и портфолио без шаблонного AI-дизайна.
- Сначала читаешь бриф, чтобы выбрать правильное эстетическое направление (SaaS минимализм, экспериментальное агентство, премиум для потребителей и т.д.) перед кодом, исключая дефолтные AI-паттерны
- Настраиваешь три основных ручки — дизайн-вариативность, интенсивность движения, визуальную плотность — которые управляют лейаутом, анимацией и отступами по всей странице
- Баниш антипаттерны: em-дэши, универсальные serif-шрифты, бежево-латунные премиум-палитры, три одинаковые карточки-фичи и другие LLM-признаки; аудит каждой видимой строки на AI-галлюцинации
- Применяешь реальные дизайн-системы (Material, Carbon, Fluent, Polaris, Primer, GOV.UK) где подходит; иначе строишь на Tailwind, Motion и GSAP под кастом-эстетику
- Обязательная pre-flight чеклиста по контрасту, оборачиванию кнопок, фиту героя, консистентности цвета, обоснованию движения и 50+ других ворот боевой готовности
125.3Kустановок
165
extract-design-system
безопасно
arvindrk/extract-design-system
Реверс-инжиниринг дизайн-токенов с публичных сайтов в стартовые файлы для твоего проекта.
- Извлекает цветовые палитры, типографику, отступы, радиусы и тени со страницы через Playwright
- Генерирует нормализованный JSON и CSS-файлы с токенами, готовые для интеграции в локальный проект
- Режим только-извлечение для просмотра сырых примитивов перед генерацией ассетов, или режим только-инициализация для регенерации токенов из существующих данных
- Проверки безопасности: подтверждение доступности URL, требование явного согласия перед изменением design system или кода приложения, четкие ожидания что результаты это стартовая помощь, не пиксель-в-пиксель копия
122.9Kустановок
237
high-end-visual-design
безопасно
leonxlnx/taste-skill
Премиум дизайн-система с высокооконченной эстетикой агентства, строгими антипаттернами и хореографией движения.
- Баниш типовые шрифты (Inter, Roboto, Helvetica) и иконки по умолчанию в пользу премиум-типографики (Geist, Clash Display) и ультралегких наборов иконок (Phosphor Light)
- Вынуждаешь вложенную архитектуру "Double-Bezel"-карточек, массивный whitespace (py-24–py-40) и кастом cubic-bezier кривые вместо линейных переходов
- Три вибе-архетипа (Ethereal Glass, Editorial Luxury, Soft Structuralism) и три паттерна лейаута (Asymmetrical Bento, Z-Axis Cascade, Editorial Split) для вариативности
- Мобильно-первое свертывание ниже 768px, GPU-безопасные анимации (только transform/opacity) и staggered scroll-reveal через IntersectionObserver
104.2Kустановок
261
polish
безопасно
pbakaus/impeccable
Финальная проверка качества: ловишь недочёты с выравниванием, отступами, консистентностью и деталями взаимодействия перед релизом.
- Систематически проверяешь визуальное выравнивание, отступы, иерархию типографики, контраст цветов и состояния взаимодействия на всех брейкпойнтах и типах устройств
- Находишь и чинишь пробелы в микровзаимодействиях, плавность переходов, граничные случаи, состояния ошибок и фидбек загрузки для отполированного UX
- Требует контекста frontend-design скилла и функциональной завершённости перед стартом; включает чеклист по отзывчивому дизайну, доступности, производительности и чистоте кода
- Работает лучше всего с приоритизацией по качеству (MVP vs флагман) и доступным временем; упирает на тестирование на реальных устройствах и свежий взгляд перед финальным одобрением
86Kустановок
264
emil-design-eng
безопасно
emilkowalski/skill
Craft-ориентированная философия дизайна интерфейсов, где каждая деталь складывается в гармоничное целое.
- Охватывает фреймворк решений по анимации (частота, цель, easing, длительность) с кастомными cubic-bezier кривыми и правилами производительности для UI-интерактивов
- Включает паттерны компонентов: feedback при нажатии кнопки, origin-aware поповеры, задержки тултипов, blur masking и clip-path reveals
- Предлагает принципы жестов и перетаскивания: momentum-based dismissal, boundary damping и friction вместо жёстких стопов
- Детализирует мастерство CSS transforms, stagger-анимации и доступность (prefers-reduced-motion, touch hover states)
- Акцентирует невидимые детали, вкус как натренированный инстинкт и согласованность на всём опыте взаимодействия
84.8Kустановок
266
critique
безопасно
pbakaus/impeccable
Оцени эффективность дизайна по иерархии, архитектуре информации, эмоциональной отклике и качеству UX.
- Оцениваешь интерфейсы на ИИ-антипаттерны (палитры, градиенты, glassmorphism, обобщённые лейауты) чтобы вычислить и убрать «ИИ слизь»
- Оцениваешь 10 измерений: иерархия, архитектура информации, эмоциональная отклика, обнаруживаемость, композиция, типография, цветовая стратегия, состояния, микрокопи, affordance
- Требует контекста frontend-design и Context Gathering Protocol, запускаешь teach-impeccable если нет фундамента
- Даёшь структурированный отчёт: вердикты антипаттернов, приоритизированные проблемы по влиянию, конкретные фиксы и провокативные вопросы
83.4Kустановок
281
quieter
безопасно
pbakaus/impeccable
Снижаешь визуальную интенсивность дизайна, сохраняя утончённость, изысканность и функциональную ясность.
- Систематически работаешь с насыщенностью цвета, крайностями контраста, визуальным весом, избытком анимации и сложностью композиции, чтобы создать спокойнее и доступнее интерфейсы
- Требует контекста frontend-design скилла и Context Gathering Protocol; останавливаешься, чтобы уточнить цель, аудиторию и что уже работает
- Ведёшь уточнение по пяти направлениям: цвет (десатурация, приглушённые тона, меньше вариантов), визуальный вес (типографика, иерархия, пространство), упрощение (убираешь декоративные элементы), движение (короче дистанции, мягче easing), композиция (выравнивание по сетке, консистентные отступы)
- Сохраняешь качество и характер дизайна через осознанную сдержанность, не удаление; оставляешь иерархию, личность и функциональные affordances
79.4Kустановок
⚠
Ставьте с умомНекоторые скилы запускают код на вашей машине, читают файлы и API-ключи. Не устанавливайте ничего вслепую — проверяйте источник.