К основному содержанию
NeVibeCode · подборка · 30

Скиллы для дизайна

Порядок — по числу установок из источника, без них — по звёздам репозитория на GitHub. В список входят только карточки с проверенным описанием.

  1. 1

    grill-me

    Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. Подойдёт перед началом разработки.

    скилл · Matt Pocock · MIT

    1 424 476установок
  2. 2

    prototype

    Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом.

    скилл · Matt Pocock · MIT

    986 201установок
  3. 3

    grilling

    Стресс-тестирует план, решение или идею сериями уточняющих вопросов. Подходит, когда нужно вскрыть допущения до начала работы.

    скилл · Matt Pocock · MIT

    979 543установок
  4. 4

    codebase-design

    Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. Подходит для рефакторинга, тестируемости и поиска чистого seam.

    скилл · Matt Pocock · MIT

    850 344установок
  5. 5

    brainstorming

    Скилл помогает прояснить задачу до начала работы: задаёт вопросы, изучает контекст и предлагает варианты решения. Нужен для новых функций и другой творческой работы.

    скилл · Jesse Vincent · MIT

    404 045установок
  6. 6

    pptx официальный

    Работает с файлами .pptx и .potx: создаёт, читает, меняет и проверяет презентации. Нужен, когда агенту дают слайды или шаблон.

    скилл · anthropics · LicenseRef-Proprietary

    241 433установок
  7. 7

    canvas-design официальный

    Создаёт плакаты и визуальные постеры в .png и .pdf через собственную дизайн-философию, а не готовые шаблоны.

    скилл · anthropics · Apache-2.0

    121 543установок
  8. 8

    web-artifacts-builder официальный

    Скилл собирает сложные HTML-артефакты для claude.ai на React, Tailwind CSS и shadcn/ui. Подходит для интерфейсов с состоянием и маршрутизацией.

    скилл · anthropics · Apache-2.0

    112 122установок
  9. 9

    brand-guidelines официальный

    Применяет фирменные цвета и шрифты Anthropic к документам, презентациям и другим артефактам. Пригодится, когда нужно оформить материал в фирменном стиле компании.

    скилл · anthropics · Apache-2.0

    109 043установок
  10. 10

    theme-factory официальный

    Применяет готовые цветовые палитры и пары шрифтов к слайдам, документам и HTML-страницам. Подходит, когда материалу нужен единый стиль.

    скилл · anthropics · Apache-2.0

    94 921установок
  11. 11

    algorithmic-art официальный

    Создаёт генеративное искусство на p5.js с seed-случайностью и настройкой параметров. Подходит для flow fields, частиц и кодовых арт-экспериментов.

    скилл · anthropics · Apache-2.0

    89 081установок
  12. 12

    slack-gif-creator официальный

    Скилл помогает создавать анимированные GIF для Slack и проверять их параметры. Подходит для эмодзи и GIF в сообщениях.

    скилл · anthropics · Apache-2.0

    75 256установок
  13. 13

    tailwind-design-system

    Помогает строить дизайн-системы на Tailwind CSS v4. Пригодится для библиотеки компонентов или унификации интерфейса в проекте.

    скилл · Seth Hobson · MIT

    70 180установок
  14. 14

    frontend-developer

    Субагент помогает собирать фронтенд-приложения на React, Vue и Angular, связывая код с текущей архитектурой проекта. Подойдёт для крупных UI-задач.

    субагент · VoltAgent Community · MIT

    40 905установок
  15. 15

    brand-landingpage

    Скилл проводит интервью о продукте и визуальном стиле, затем помогает создать лендинг через Stitch. Подойдёт, если у проекта пока нет готового дизайна.

    скилл · Travis D. Elliott · MIT

    39 476установок
  16. 16

    excalidraw-diagram-generator официальный

    Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы.

    скилл · github · MIT

    31 639установок
  17. 17

    ui-ux-designer

    Субагент помогает проектировать интерфейсы, вайрфреймы и дизайн-системы с учётом исследований пользователей и доступности. Подойдёт для UX-задач в Claude Code, Codex и Cursor.

    субагент · Seth Hobson · MIT

    27 069установок
  18. 18

    mobile-android-design

    Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. Подойдёт для экранов, навигации и адаптивных раскладок.

    скилл · Seth Hobson · MIT

    24 847установок
  19. 19

    mobile-ios-design

    Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. Пригодится для экранов, навигации и адаптивной вёрстки.

    скилл · Seth Hobson · MIT

    23 659установок
  20. 20

    responsive-design

    Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. Нужен для компонентов и страниц, которые меняются вместе с доступным местом.

    скилл · Seth Hobson · MIT

    20 956установок
  21. 21

    interaction-design

    Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. Подойдёт для полировки интерфейса и загрузочных экранов.

    скилл · Seth Hobson · MIT

    16 146установок
  22. 22

    kpi-dashboard-design

    Скилл помогает проектировать KPI-дашборды, выбирать метрики и разбирать противоречия в расчётах. Подойдёт для SaaS, операций и анализа когорт.

    скилл · Seth Hobson · MIT

    16 141установок
  23. 23

    design-system-patterns

    Скилл помогает проектировать дизайн-системы: токены, темы и архитектуру компонентов. Подойдёт для UI-библиотек и систем с несколькими брендами.

    скилл · Seth Hobson · MIT

    15 953установок
  24. 24

    react-native-design

    Скилл помогает собирать React Native-приложения со стилями, навигацией и анимациями Reanimated. Пригодится для кроссплатформенной мобильной разработки.

    скилл · Seth Hobson · MIT

    15 522установок
  25. 25

    web-design-reviewer официальный

    Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. Подойдёт, когда нужно проверить интерфейс и довести исправления до повторной проверки.

    скилл · github · MIT

    13 957установок
  26. 26

    visual-design-foundations

    Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю.

    скилл · Seth Hobson · MIT

    13 566установок
  27. 27

    web-component-design

    Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов.

    скилл · Seth Hobson · MIT

    13 167установок
  28. 28

    penpot-uiux-design официальный

    Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. Работает с API Penpot напрямую из редактора кода.

    скилл · github · MIT

    12 782установок
  29. 29

    wcag-audit-patterns

    Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов.

    скилл · Seth Hobson · MIT

    12 486установок
  30. 30

    nano-banana-pro-openrouter официальный

    Создаёт и редактирует изображения через OpenRouter и модель Gemini 3 Pro Image. Подходит для генерации по тексту, правок файла и композиции нескольких изображений.

    скилл · github · MIT

    9 910установок

Скиллы для дизайна по популярности: звёзды GitHub и установки из источника. Описание каждого сверено с исходником. Полезный дизайн-скилл содержит конкретику: шкалу размеров шрифта, сетку отступов, длительности и кривые анимаций, палитру с назначением цветов. Скилл из общих слов про «чистый современный интерфейс» модели ничего не добавит. Если скилл работает с макетами, проверьте, какой MCP-сервер ему нужен для доступа к Figma. Тема: дизайн.

Другие подборки

Спонсоры проекта

Компании, которые помогают держать аналитику открытой