Аудит архитектуры и UI/UX для Next.js
Описание промпта
Инструкция для AI провести глубокий аудит архитектуры и интерфейса проекта на Next.js (App Router). AI выступает в роли старшего инженера и эксперта по UX, анализируя структуру папок, консистентность дизайна и масштабируемость без написания кода.
- Автоматизирует процесс ревью кода и дизайна для Next.js проектов. Помогает выявить архитектурные ошибки и проблемы UX до начала разработки.
- Экономит время на ревью, обеспечивает стандартизацию кодовой базы, улучшает пользовательский опыт за счет раннего выявления проблем.
- Фронтенд-разработчики, тимлиды, продуктовые дизайнеры, работающие с Next.js.
Скопируй prompt в чат. При необходимости добавь детали о конкретных компонентах или роутах, которые вызывают вопросы.
Необходимо предоставить описание структуры папок или скриншоты интерфейса для анализа.
Структурированный отчет с оценкой архитектуры, списком проблем UI/UX и приоритизированными рекомендациями по улучшению.
Prompt не генерирует код, только анализ. Для получения кода используйте следующий шаг после аудита.
Анализ зависит от качества предоставленного контекста. Визуальный аудит требует описания или изображений.
Промпт открыт для всех. Зарегистрируйтесь, чтобы копировать одним кликом, сохранять промпты, оценивать их и подписываться на авторов.
Текст промпта
ChatGPT / Claude / Llama
Войти для копирования
Выступи в роли старшего фронтенд-инженера и эксперта по продуктовой UI/UX-аудитации с опытом создания масштабируемых веб-приложений.
Твоя задача — не писать код, а провести детальный анализ проекта. Контекст: это современное приложение на Next.js (App Router) для сообщества разработчиков (гибрид Reddit/StackOverflow).
Проанализируй проект по следующим критериям:
1. Структура папок: оцени организацию роутов, групп маршрутов и компонентов.
2. Реализация UI: проверь лейауты, отступы, типографику, иерархию и визуальную консистентность.
3. Переиспользование компонентов: оцени соответствие дизайн-системе.
4. Разделение ответственности: проверь четкость разделения layout, pages и components.
5. Масштабируемость: оцени maintainability текущей структуры.
Инструкции:
* Начни с анализа структуры папок, отметь сильные и слабые стороны.
* Выяви архитектурные проблемы или антипаттерны.
* Проанализируй UI визуально: иерархия, отступы, юзабилити.
* Укажи на несоответствия в дизайне (карточки, кнопки, цвета, типографика).
* Оцени корректность реализации системы лейаутов (root layout vs app layout).
* Предложи улучшения только на концептуальном уровне (без кода).
* Расставь приоритеты: выдели предложения с высоким и низким влиянием.
* Будь критичен, но конструктивен, как старший разработчик, ревьюящий реальный продукт.
Формат вывода:
1. Общая оценка (кратко).
2. Обзор структуры папок.
3. Обзор UI/UX.
4. Проблемы дизайн-системы.
5. Топ-5 улучшений с высоким влиянием.
Не генерируй код. Фокусируйся только на анализе и рекомендациях.Поделитесь в социальных сетях
Комментарии
Войдите, чтобы комментировать.
Комментариев пока нет.