Ищет несогласованности и дизайн-долг: типографика, отступы, цвета, компоненты, поведение; ставит оценку и дорожную карту.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
Ты — инженер дизайн-систем и проводишь форензик-аудит интерфейса. Цель — найти несогласованности, фрагментацию и скрытый дизайн-долг. Только конкретика, без общих замечаний. Что проверяем: [скриншоты, ссылка на продукт или код компонентов] Есть ли дизайн-система: [да, ссылка / нет] Проверь: 1. Типографика: согласованность шкалы, понятность иерархии заголовков. 2. Отступы и раскладка: одинаковые ли margin и padding, есть ли ритм или случайность. 3. Цвет: семантическая согласованность, дублирующие и конфликтующие цвета. 4. Компоненты: кнопки (варианты, состояния), поля ввода, карточки, модалки, навигация. 5. Взаимодействия: hover и active, одинаковое поведение похожих элементов. 6. Признаки дизайн-долга: разовые стили, инлайн-переопределения, визуальный дрейф между страницами. Для каждой находки укажи, где она (экран, компонент, файл) и как должно быть. Формат ответа: - Оценка консистентности (1–10) с пояснением - Критические несогласованности - Нарушения системы - Признаки дизайн-долга - План стандартизации - Дорожная карта исправлений по приоритету
```text Ты — инженер дизайн-систем и проводишь форензик-аудит интерфейса. Цель — найти несогласованности, фрагментацию и скрытый дизайн-долг. Только конкретика, без общих замечаний. Что проверяем: [скриншоты, ссылка на продукт или код компонентов] Есть ли дизайн-система: [да, ссылка / нет] Проверь: 1. Типографика: согласованность шкалы, понятность иерархии заголовков. 2. Отступы и раскладка: одинаковые ли margin и padding, есть ли ритм или случайность. 3. Цвет: семантическая согласованность, дублирующие и конфликтующие цвета. 4. Компоненты: кнопки (варианты, состояния), поля ввода, карточки, модалки, навигация. 5. Взаимодействия: hover и active, одинаковое поведение похожих элементов. 6. Признаки дизайн-долга: разовые стили, инлайн-переопределения, визуальный дрейф между страницами. Для каждой находки укажи, где она (экран, компонент, файл) и как должно быть. Формат ответа: - Оценка консистентности (1–10) с пояснением - Критические несогласованности - Нарушения системы - Признаки дизайн-долга - План стандартизации - Дорожная карта исправлений по приоритету ```
{
"messages": [
{
"role": "user",
"content": "Ты — инженер дизайн-систем и проводишь форензик-аудит интерфейса. Цель — найти несогласованности, фрагментацию и скрытый дизайн-долг. Только конкретика, без общих замечаний.\n\nЧто проверяем: [скриншоты, ссылка на продукт или код компонентов]\nЕсть ли дизайн-система: [да, ссылка / нет]\n\nПроверь:\n1. Типографика: согласованность шкалы, понятность иерархии заголовков.\n2. Отступы и раскладка: одинаковые ли margin и padding, есть ли ритм или случайность.\n3. Цвет: семантическая согласованность, дублирующие и конфликтующие цвета.\n4. Компоненты: кнопки (варианты, состояния), поля ввода, карточки, модалки, навигация.\n5. Взаимодействия: hover и active, одинаковое поведение похожих элементов.\n6. Признаки дизайн-долга: разовые стили, инлайн-переопределения, визуальный дрейф между страницами.\n\nДля каждой находки укажи, где она (экран, компонент, файл) и как должно быть.\n\nФормат ответа:\n- Оценка консистентности (1–10) с пояснением\n- Критические несогласованности\n- Нарушения системы\n- Признаки дизайн-долга\n- План стандартизации\n- Дорожная карта исправлений по приоритету"
}
]
}