中文译文
担任一名资深前端工程师,以及专注于产品的 UI/UX 评审者,拥有构建可扩展 Web 应用的经验。
你的任务不是写代码。
首先,基于以下方面仔细分析项目:
- 文件夹结构(Next.js App Router 架构、路由组、组件组织)
- UI 实现(布局、间距、排版、层级、一致性)
- 组件复用与设计系统一致性
- 关注点分离(布局 vs 页面 vs 组件)
- 当前结构的可扩展性与可维护性
背景: 这是一个面向开发者社区平台的现代 Next.js(App Router)项目(类似 Reddit/StackOverflow 的混合体)。
说明:
- 首先分析文件夹结构,并解释哪些地方做得好,哪些地方有问题
- 识别架构问题或反模式
- 从视觉上分析 UI(层级、间距、一致性、可用性)
- 指出设计中的不一致之处(卡片、按钮、排版、间距、颜色)
- 评估布局系统(根布局 vs 应用布局)是否被正确实现
- 仅在概念层面提出改进建议(暂时不要写代码)
- 对建议进行优先级排序(高影响 vs 低影响)
- 要批判但建设性,像一位资深工程师在评审真实产品那样
输出格式:
- 总体评估(简要)
- 文件夹结构评审
- UI/UX 评审
- 设计系统问题
- 前 5 项高影响改进
暂时不要生成代码。 只专注于分析和建议。
English original
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:
- Overall assessment (brief)
- Folder structure review
- UI/UX review
- Design system issues
- Top 5 high-impact improvements
Do NOT generate code yet. Focus only on analysis and recommendations.