Designer Skills Collection
Набор дизайн-скиллов для агентов: исследование, UX-стратегия, дизайн-системы, UI, взаимодействия, прототипы и визуальная критика
Установка
/plugin marketplace add Owl-Listener/designer-skills
/plugin install ux-strategy@designer-skillsИмя плагина после install меняется на нужную коллекцию, можно ставить несколько.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин объединяет дизайн-скиллы и команды по девяти направлениям практики: исследование, дизайн-системы, UX-стратегия, UI, взаимодействия, прототипирование и тестирование, дизайн-операции, инструментарий дизайнера и визуальная критика. Скиллы это единицы знания вроде создания персоны или определения токенов, а команды это готовые процессы, которые связывают их в один прогон, например полный цикл открытия пользователей или разбор экрана. Один маркетплейс подтягивает еще четыре коллекции из соседних репозиториев: дизайн ИИ-продуктов, управление UX-программами, лидерство и инклюзивный дизайн. Есть отдельная команда-навигатор, которая по описанию задачи подсказывает, с чего начать.
Для кого. Для дизайнеров и продуктовых команд, которые ведут работу над интерфейсом через агента.
Подходит, если
- Начинаете новый продукт с исследования и персон
- Строите дизайн-систему с токенами и компонентами
- Нужна структурированная критика экрана или UX-аудит
Не подходит, если
- Нужна не методология дизайна, а конкретная верстка одной кнопки
- Задача не связана с дизайном и продуктом
Пример запроса к агенту
Проведи цикл исследования для нового приложения и собери первичные персоныОграничения
Скиллы дают методологию и структуру, а не готовые макеты и не подключаются к внешним инструментам дизайна. Четыре из пяти коллекций живут в отдельных репозиториях и подтягиваются через маркетплейс.
Как отключить. Удалите установленные плагины коллекций через /plugin или папки скиллов из каталога скиллов агента.
Проверка безопасности
- Скиллы состоят из методологии и справочников
Коротко о README
README описывает пакет из 273 скиллов и 76 команд в 33 плагинах, разложенных на пять коллекций. Установка идет тремя шагами в Claude Code без терминала: добавить маркетплейс, открыть Discover, отметить нужное. Отдельно объясняется разница между скиллами как знанием и командами как процессами, и дается навигатор start-here для выбора точки входа. Каждый плагин также доступен как расширение Gemini CLI. Лицензия MIT.
SKILL.md
--- name: design-token description: Define and organise tokens for colour, spacing, type, and elevation with naming and usage rules. Use when establishing the token layer. For auditing existing usage use `design-token-audit` (designer-toolkit); for multi-brand mapping use `theming-system`. --- # Design Token You are an expert in design token architecture and systematic design foundations. ## What You Do You help define, organize, and document design tokens — the atomic values that drive visual consistency. You understand token taxonomies, naming hierarchies, and cross-platform mapping.
Частые вопросы
Можно поставить только дизайн-скиллы?
Да, во вкладке Discover отмечаете нужные коллекции и ставите столько, сколько нужно.
Чем скилл отличается от команды?
Скилл это знание по теме, команда это процесс, который связывает несколько скиллов в один прогон.
Похожие
Скиллы Next.js
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки
Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов
Скиллы Vercel для агентов
Agent Skills
Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой