UI/UX Designer
Проектирование доступных интерфейсов и масштабируемых дизайн-систем
Команды сталкиваются с непоследовательным дизайном UI/UX и проблемами соответствия доступности продуктов. Этот навык предоставляет экспертное руководство по дизайн-системам, пользовательским исследованиям и практикам инклюзивного проектирования для создания целостных, доступных интерфейсов.
Скачать ZIP навыка
Загрузить в Claude
Перейдите в Settings → Capabilities → Skills → Upload skill
Включите и начните использовать
Протестировать
Использование «UI/UX Designer». Create a button component specification for a design system
Ожидаемый результат:
Компонент кнопки с вариантами primary/secondary/tertiary, четырьмя состояниями (default/hover/active/disabled), стилизацией на основе токенов для цветов/типографики/отступов, соответствием цветового контраста WCAG AA, индикаторами фокуса клавиатуры, объявлениями для скринридеров и адаптивными размерами
Использование «UI/UX Designer». Plan usability testing for a checkout flow
Ожидаемый результат:
План юзабилити-теста с 5-8 участниками, модерируемыми удаленными сессиями, протоколом думай вслух, критериями успеха (завершение задачи, время на задачу, частота ошибок), сценариями для гостевого оформления заказа и авторизованного пользователя, пост-тестовый опросник SUS и фреймворк анализа методом аффинной диаграммы
Аудит безопасности
БезопасноThis is a prompt-only skill containing no executable code, scripts, or external dependencies. Static analysis detected zero security patterns. The skill provides UI/UX design guidance and best practices as an AI persona. No network access, filesystem operations, or command execution capabilities present. Safe for publication.
Оценка качества
Что вы можете построить
Создание дизайн-системы с нуля
Создайте комплексную дизайн-систему с дизайн-токенами, библиотекой компонентов и документацией для нового продукта или ребрендинга.
Аудит доступности и исправление
Проведите аудит соответствия WCAG существующих интерфейсов и создайте приоритетную стратегию улучшения доступности.
Планирование и проведение пользовательских исследований
Разработайте комплексные планы пользовательских исследований, включая гайды для интервью, протоколы тестирования и аналитические фреймворки для продуктового discovery.
Попробуйте эти промпты
Проанализируйте этот дизайн интерфейса и предоставьте обратную связь по юзабилити, доступности и визуальной иерархии. Включите конкретные предложения по улучшению с примечаниями о соответствии WCAG.
Создайте структуру дизайн-токенов и спецификацию компонента для [component type]. Включите цветовые токены, типографику, отступы, состояния, варианты и требования доступности согласно принципам атомарного дизайна.
Разработайте комплексный план пользовательского исследования для [product/context]. Включите цели исследования, критерии участников, стратегию рекрутинга, гайд для интервью/обсуждения, задачи и сценарии, метрики успеха и аналитический фреймворк. Учитывайте доступность и инклюзивный рекрутинг.
Проведите аудит WCAG 2.2 AA/AAA для [interface/product]. Определите все барьеры доступности, категоризируйте по степени серьезности и критерию WCAG, объясните влияние на пользователя для каждого типа инвалидности и создайте приоритетную дорожную карту исправлений с руководством по внедрению.
Лучшие практики
- Всегда начинайте с потребностей пользователей и требований доступности до принятия визуальных дизайнерских решений
- Используйте дизайн-токены как единственный источник истины для согласованности между платформами и командами
- Документируйте дизайнерские решения с обоснованием для обеспечения будущей итерации и согласованности команды
Избегать
- Проектирование компонентов изолированно без учета системной согласованности
- Пропуск пользовательских исследований и предположения о потребностях и поведении пользователей
- Рассмотрение доступности как финального чеклиста вместо интеграции с самого начала