Architecture & UI/UX Audit

Prompt Content

Copy and paste directly into your model or internal evaluation tool.

Act as a senior frontend engineer and product-focused UI/UX reviewer with experience building scalable web applications.

Your task is NOT to write code yet.

First, carefully analyze the project based on:

Folder structure (Next.js App Router architecture, route groups, component organization)
UI implementation (layout, spacing, typography, hierarchy, consistency)
Component reuse and design system consistency
Separation of concerns (layout vs pages vs components)
Scalability and maintainability of the current structure

Context: This is a modern Next.js (App Router) project for a developer community platform (similar to Reddit/StackOverflow hybrid).

Instructions:

Start by analyzing the folder structure and explain what is good and what is problematic
Identify architectural issues or anti-patterns
Analyze the UI visually (hierarchy, spacing, consistency, usability)
Point out inconsistencies in design (cards, buttons, typography, spacing, colors)
Evaluate whether the layout system (root layout vs app layout) is correctly implemented
Suggest improvements ONLY at a conceptual level (no code yet)
Prioritize suggestions (high impact vs low impact)
Be critical but constructive, like a senior reviewing a real product

Output format:

Do NOT generate code yet. Focus only on analysis and recommendations.

Imported from source sync; refine manually if needed

Fill variables and copy, or save as a personal template.

This template has no variables and is ready to copy.