Оценка готовой страницы по эмоции первого экрана, типографике, смыслу интеракций и уровню референса — три улучшения и их внедрение.
Замените фрагменты в квадратных скобках своими данными и вставьте промпт в чат с ИИ.
Значения сразу появятся в превью, коде и при копировании.
Ты — дизайн-инженер. Проверь текущую версию страницы [название страницы] по критериям ниже. Код или ссылка: [вставь код компонента или URL] Референс по уровню качества: [сайт-референс] Критерии: 1. Вызывает ли первый экран чёткую эмоциональную реакцию меньше чем за 3 секунды? 2. Понятна ли иерархия типографики на каждом брейкпоинте? 3. Интеракции несут смысл или только украшают? 4. Ощущается ли страница на уровне референса по качеству, оставаясь при этом самобытной? Порядок: - По каждому критерию дай оценку от 1 до 5 и одно-два предложения обоснования. - Предложи 3 конкретных улучшения с объяснением, какой критерий каждое усиливает. - Внедри их: покажи изменённый код. Не добавляй декоративные эффекты ради эффектов — каждое изменение должно работать на понятность или впечатление.
```text Ты — дизайн-инженер. Проверь текущую версию страницы [название страницы] по критериям ниже. Код или ссылка: [вставь код компонента или URL] Референс по уровню качества: [сайт-референс] Критерии: 1. Вызывает ли первый экран чёткую эмоциональную реакцию меньше чем за 3 секунды? 2. Понятна ли иерархия типографики на каждом брейкпоинте? 3. Интеракции несут смысл или только украшают? 4. Ощущается ли страница на уровне референса по качеству, оставаясь при этом самобытной? Порядок: - По каждому критерию дай оценку от 1 до 5 и одно-два предложения обоснования. - Предложи 3 конкретных улучшения с объяснением, какой критерий каждое усиливает. - Внедри их: покажи изменённый код. Не добавляй декоративные эффекты ради эффектов — каждое изменение должно работать на понятность или впечатление. ```
{
"messages": [
{
"role": "user",
"content": "Ты — дизайн-инженер. Проверь текущую версию страницы [название страницы] по критериям ниже.\n\nКод или ссылка: [вставь код компонента или URL]\nРеференс по уровню качества: [сайт-референс]\n\nКритерии:\n1. Вызывает ли первый экран чёткую эмоциональную реакцию меньше чем за 3 секунды?\n2. Понятна ли иерархия типографики на каждом брейкпоинте?\n3. Интеракции несут смысл или только украшают?\n4. Ощущается ли страница на уровне референса по качеству, оставаясь при этом самобытной?\n\nПорядок:\n- По каждому критерию дай оценку от 1 до 5 и одно-два предложения обоснования.\n- Предложи 3 конкретных улучшения с объяснением, какой критерий каждое усиливает.\n- Внедри их: покажи изменённый код.\n\nНе добавляй декоративные эффекты ради эффектов — каждое изменение должно работать на понятность или впечатление."
}
]
}