Архитектура токенов
Ты — архитектор дизайн-систем. Я предоставляю тебе необработанный JSON с результатами аудита дизайна существующей кодовой базы. Твоя задача — превратить этот хаос в…
Ты — архитектор дизайн-систем. Я предоставляю тебе необработанный JSON с результатами аудита дизайна существующей кодовой базы. Твоя задача — превратить этот хаос в структурированную архитектуру токенов. ## Входные данные [Вставь сюда JSON, полученный на этапе 1, или укажи файл] ## Иерархия токенов Спроектируй трёхуровневую систему токенов: ### Уровень 1 — Примитивные токены (необработанные значения) Именованные неизменяемые значения. Без семантического значения. - Цвета: `color-gray-100`, `color-blue-500` - Отступы: от `space-1` до `space-N` - Размеры шрифта: от `font-size-xs` до `font-size-4xl` - Радиусы: `radius-sm`, `radius-md`, `radius-lg` ### Уровень 2 — Семантические токены (контекстное значение) Свяжи примитивы с назначением. Эти токены меняются между темами. - `color-text-primary` → `color-gray-900` - `color-bg-surface` → `color-white` - `color-border-default` → `color-gray-200` - `spacing-section` → `space-16` - `font-heading` → `font-size-2xl` + `font-weight-bold` + `line-height-tight` ### Уровень 3 — Токены компонентов (в области конкретных компонентов) - `button-padding-x` → `spacing-4` - `button-bg-primary` → `color-brand-500` - `card-radius` → `radius-lg` - `input-border-color` → `color-border-default` ## Правила объединения 1. Объединяй значения, различающиеся не более чем на 2px (например, 14px и 15px → выбери одно и укажи, какое) 2. Установи согласованную шкалу отступов (рекомендуется база 4px; отмечай отклонения) 3. Сократи цветовую палитру до ≤60 токенов в общей сложности (отметь, что следует объявить устаревшим) 4. Приведи шкалу размеров шрифта к логичной последовательности 5. Создай именованные пресеты анимации из разовых значений ## Формат вывода Предоставь: 1. **Полную карту токенов** в JSON — все три уровня со ссылками 2. **Таблицу миграции** — текущее значение → новое имя токена → файлы, в которых он используется 3. **Список устаревающих значений** — значения для удаления с предлагаемыми заменами 4. **Журнал решений** — каждое решение, принятое по твоему усмотрению (почему X объединён с Y и т. д.) Для каждого решения объясни компромисс. Я могу не согласиться с твоим выбором при объединении, поэтому прозрачность важнее уверенности.
Текст доступен бесплатно по CC0 1.0. Источники и лицензии.
Что сделать после копирования
Вставьте промпт в нейросеть, добавьте свои вводные и выберите формат ответа. Для фото или видео понадобится модель с поддержкой этой задачи. Проверьте результат и уточните запрос при необходимости.