Дизайн-скилл для Claude Code, Cursor и Codex, который помогает AI-агентам писать интерфейсы, не похожие на сгенерированные ИИ.
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
Скачайте Claude Code с claude.com и войдите в аккаунт
- 2
Добавьте маркетплейс skills в Claude Code
/plugin marketplace add Owl-Listener/designer-skills - 3
Введите /plugin, откройте вкладку Discover и установите нужные коллекции
- 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 обновляется ежедневно.
Похожие проекты
Подборка из 45+ практических советов по работе с Claude Code, скрипт настраиваемой строки состояния и плагин dx с повседневными навыками для разработки.
Навык для AI-ассистентов программирования: поиск правил UI/UX-дизайна, стилей, палитр, сочетаний шрифтов и рекомендаций для конкретных стеков.
Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.
Навык Claude, который превращает расплывчатые запросы в структурированные промпты для конкретных AI-инструментов, например Claude Code, Cursor, Midjourney и ChatGPT.
Open-source SDK для создания и запуска AI-агентов на Python и TypeScript: инструменты, MCP, память и поддержка разных моделей.