Repolode
Owl-Listener

Owl-Listener/designer-skills

Набор из 273 готовых к использованию ИИ-агентами дизайн-навыков и 76 slash-команд для Claude Code и Gemini CLI: исследования, дизайн-системы, UI, взаимодействие и передача в разработку.

Звёзды
2,997
Форки
413
Открытые issues
3
Последний коммит
2 месяца назад

Что это?

Designer Skills Pack — это набор знаний о дизайне, оформленных в виде навыков и slash-команд, которые ИИ-агент для написания кода может загружать и применять. Навыки описывают отдельные темы, например создание персон, определение дизайн-токенов или подготовку нейтральных вопросов для интервью. Команды объединяют несколько навыков в готовый результат: например, цикл discovery, план исследования удобства использования или пакет материалов для передачи макета разработчикам.

Коллекция практик дизайна в этом репозитории организована в девять плагинов: design-research, design-systems, ux-strategy, ui-design, interaction-design, prototyping-testing, design-ops, designer-toolkit и visual-critique. Ещё четыре коллекции — по дизайну ИИ-продуктов, управлению UX-программами, лидерству в дизайне и инклюзивному дизайну — размещены в отдельных репозиториях и устанавливаются через тот же marketplace.

Установка выполняется через команду marketplace для плагинов Claude Code, после чего отдельные плагины можно выбрать на вкладке Discover. Каждый плагин также доступен как расширение Gemini CLI. Команда /start-here подсказывает, с чего начать, исходя из текущего этапа работы.

Ключевые возможности

  • 01Охватывает весь цикл дизайна: от исследований пользователей до дизайн-систем, UI, взаимодействия и передачи в разработку.
  • 02Содержит 76 slash-команд, которые объединяют несколько навыков в готовые результаты.
  • 03Работает с marketplace плагинов Claude Code и доступен в виде расширений Gemini CLI.
  • 04Включает команду-маршрутизатор /start-here, которая подсказывает, с чего начать.
  • 05Позволяет устанавливать отдельные плагины, не загружая весь набор.

Сценарии использования

  • Проведение цикла discovery для нового продукта с созданием персон, карт эмпатии и карт пути пользователя.
  • Проверка существующего экрана на проблемы с визуальной иерархией и типографикой перед редизайном.
  • Подготовка пакета для передачи макета разработчикам: спецификаций, состояний и QA-чек-листа.
  • Составление плана тестирования удобства использования или сценария интервью для исследования пользователей.

Быстрый старт

  1. 1

    Скачайте Claude Code с claude.com и войдите в аккаунт

  2. 2

    Добавьте маркетплейс skills в Claude Code

    /plugin marketplace add Owl-Listener/designer-skills
  3. 3

    Введите /plugin, откройте вкладку Discover и установите нужные коллекции

  4. 4

    Установите отдельный плагин по имени, например ux-strategy

    /plugin install ux-strategy@designer-skills

Что важно знать

  • Skills работают внутри ИИ-помощника для программирования, такого как Claude Code или Gemini CLI, поэтому вам понадобится один из них.

Темы

Частые вопросы

Что такое designer-skills?
Набор из 273 готовых к использованию ИИ-агентами дизайн-навыков и 76 slash-команд для Claude Code и Gemini CLI: исследования, дизайн-системы, UI, взаимодействие и передача в разработку. Designer Skills Pack — это набор знаний о дизайне, оформленных в виде навыков и slash-команд, которые ИИ-агент для написания кода может загружать и применять. Навыки описывают отдельные темы, например создание персон, определение дизайн-токенов или подготовку нейтральных вопросов для интервью. Команды объединяют несколько навыков в готовый результат: например, цикл discovery, план исследования удобства использования или пакет материалов для передачи макета разработчикам.
designer-skills можно использовать бесплатно? Какая у него лицензия?
designer-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
designer-skills всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в designer-skills — 5 сент. 2026 г..
Для чего можно использовать designer-skills?
Проведение цикла discovery для нового продукта с созданием персон, карт эмпатии и карт пути пользователя. Проверка существующего экрана на проблемы с визуальной иерархией и типографикой перед редизайном. Подготовка пакета для передачи макета разработчикам: спецификаций, состояний и QA-чек-листа. Составление плана тестирования удобства использования или сценария интервью для исследования пользователей.
Как установить designer-skills?
Скачайте Claude Code с claude.com и войдите в аккаунт Добавьте маркетплейс skills в Claude Code: /plugin marketplace add Owl-Listener/designer-skills Введите /plugin, откройте вкладку Discover и установите нужные коллекции Установите отдельный плагин по имени, например ux-strategy: /plugin install ux-strategy@designer-skills
Где скачать designer-skills?
Исходный код и инструкции по установке — на GitHub: https://github.com/Owl-Listener/designer-skills

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.

99,8 тыс.6,8 тыс.JavaScriptMITОбновлён 17 часов назад