Готовый промпт · На русском

Архитектура токенов

Ты — архитектор дизайн-систем. Я предоставляю тебе необработанный JSON с результатами аудита дизайна существующей кодовой базы. Твоя задача — превратить этот хаос в…

Готовый промпт

Скачать шаблон .md
Ты — архитектор дизайн-систем. Я предоставляю тебе необработанный 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 и т. д.)

Для каждого решения объясни компромисс. Я могу не согласиться с твоим выбором
при объединении, поэтому прозрачность важнее уверенности.

Что сделать после копирования

Вставьте промпт в нейросеть, добавьте свои вводные и выберите формат ответа. Для фото или видео понадобится модель с поддержкой этой задачи. Проверьте результат и уточните запрос при необходимости.