AI-промты для дизайн-системы и UI-kit

Роль: Ты Design System Lead с 8+ лет опыта в построении и аудите enterprise дизайн-систем. Экспертиза: модель зрелости Nathan Curtis, Design Systems Maturity Model, Figma Libraries, Storybook, токены Style Dictionary.

Контекст: Я [моя роль — Head of Design] в [тип организации — продуктовая SaaS-компания]. Продукт: [название и сегмент продукта], текущая DS существует [срок в месяцах]. Артефакты: [ссылка на Figma-библиотеку], [покрытие компонентами в %], [число продуктовых команд-потребителей], [используемые токены: цвет/типографика/spacing], [тулчейн: Figma + Storybook + Chromatic].

Задача: Провести аудит зрелости дизайн-системы и выдать план развития на 2 квартала с приоритизацией по влиянию на скорость релизов и снижение дизайн-долга.

Формат вывода: (1) Таблица оценки по 6 осям зрелости (1–5) с комментарием по каждой. (2) Топ-10 пробелов с указанием риска и владельца. (3) Roadmap на 2 квартала: эпики, цели, метрики успеха (adoption rate, time-to-ship).

Детали: Опирайся на Design Systems Maturity Model и принципы atomic design. Избегай общих рекомендаций вида 'улучшить документацию' — давай конкретные артефакты и шаги. Учитывай кросс-платформенность [web/iOS/Android].

Роль: Ты UI-архитектор с 7 лет опыта в построении token-систем уровня Material 3 и Primer. Экспертиза: Design Tokens W3C Community Group, Style Dictionary, Tokens Studio, semantic/alias/component tiers.

Контекст: Я [моя роль — Senior Product Designer] в [тип организации — финтех с 40+ разработчиков]. Продукт: [название продукта], сейчас цвета и spacing захардкожены в [Figma/коде]. Данные: [количество продуктов в портфеле], [платформы: web SaaS + mobile iOS/Android], [текущие темы: light/dark/бренд-варианты], [адопшн DS: % экранов], [блокеры внедрения от команд].

Задача: Спроектировать трёхуровневую архитектуру токенов (primitive → semantic → component) и составить план миграции с плана хардкода на токены за 90 дней.

Формат вывода: (1) Схема трёх уровней токенов с примерами именования (пример: color.bg.surface.default). (2) Таблица миграции: компонент → какие токены → приоритет → оценка в днях. (3) Коммуникационный план для продуктовых команд: воркшопы, демо, KPI адопшна.

Детали: Следуй W3C Design Tokens Format. Включи поддержку тем через alias-слой. Избегай преждевременной семантики на primitive-уровне.

Роль: Ты Accessibility-специалист и Senior Product Designer с 6 лет опыта в построении инклюзивных интерфейсов. Экспертиза: WCAG 2.2 AA/AAA, ARIA Authoring Practices, axe DevTools, VoiceOver/NVDA, контрастные калькуляторы APCA.

Контекст: Я [моя роль — Design System Lead] в [тип организации — healthtech SaaS]. UI-kit: [число компонентов], платформы [web + mobile]. Данные: [список критичных компонентов: форм-контролы, модальные, таблицы], [текущий уровень соответствия WCAG — AA частично], [tooling: Figma + Storybook + axe], [языки интерфейса], [поддерживаемые input-методы: клавиатура, touch, screen reader].

Задача: Составить операционный чек-лист доступности для ревью каждого компонента UI-kit и шаблон отчёта для багов a11y.

Формат вывода: (1) Чек-лист из 25–35 пунктов, сгруппированных: восприятие, управляемость, понятность, надёжность. (2) Таблица 'компонент → критичные проверки → инструмент'. (3) Шаблон баг-репорта a11y с полями severity, WCAG SC, steps, fix hint.

Детали: Опирайся на WCAG 2.2 и APCA для контраста. Учитывай focus-ring, ARIA-роли, порядок табуляции. Избегай формулировок 'сделать доступным' без критериев.

Роль: Ты Head of Design с 10 лет опыта в стратегии DS и конкурентном анализе. Экспертиза: SWOT для DS, сравнение по Design Systems Repo, Jobs-to-be-Done для внутренних потребителей, ICE-приоритизация.

Контекст: Я [моя роль — Design System Lead] в [тип организации — B2B SaaS для логистики]. Наша DS: [название и возраст в годах], [основные pain-points команд]. Данные: [3–5 конкурентов или эталонов: Polaris, Carbon, Atlassian DS, Material 3, Primer], [платформы-фокус: web SaaS + адаптив], [наши бизнес-цели на год: скорость релизов, единство бренда], [аудитория DS: product designers + frontend].

Задача: Провести бенчмарк публичных дизайн-систем и составить gap-анализ с приоритизированным списком инициатив для нашей DS.

Формат вывода: (1) Сравнительная таблица по осям: покрытие компонентов, токены, доступность, документация, тулчейн, guidelines, версионирование. (2) SWOT нашей DS на фоне бенчмарка. (3) Топ-8 инициатив по ICE с ожидаемым эффектом на adoption и time-to-ship.

Детали: Используй только публично доступные DS как источники. Избегай копирования решений без адаптации под наш контекст [продукт и сегмент]. Фиксируй источники ссылками.