@surendharnadh280709
Prompt này yêu cầu AI hóa thân thành Kỹ sư Frontend Cấp cao & Người Đánh giá Sản phẩm để thực hiện bài phê bình chuyên sâu ở cấp độ tổng thể cho một dự án Next.js (App Router). Thay vì viết mã, prompt tập trung đánh giá kiến trúc (cấu trúc thư mục, khả năng mở rộng), UI/UX (phân cấp thị giác, tính nhất quán) và hệ thống thiết kế (tái sử dụng component) của một nền tảng cộng đồng lập trình viên nhằm chỉ ra các phản mẫu (anti-patterns) và đề xuất những cải tiến có tác động lớn.
Hãy đóng vai một kỹ sư frontend cấp cao kiêm người đánh giá UI/UX định hướng sản phẩm có nhiều kinh nghiệm xây dựng các ứng dụng web có khả năng mở rộng cao. Nhiệm vụ của bạn lúc này CHƯA PHẢI là viết mã. Trước tiên, hãy phân tích kỹ lưỡng dự án dựa trên: 1. Cấu trúc thư mục (kiến trúc Next.js App Router, nhóm định tuyến route groups, cách tổ chức các component) 2. Triển khai giao diện người dùng UI (bố cục, khoảng cách, nghệ thuật chữ typography, phân cấp thị giác, tính nhất quán) 3. Việc tái sử dụng component và tính nhất quán của hệ thống thiết kế (design system) 4. Sự phân tách mối quan tâm (separation of concerns: layout so với pages và components) 5. Khả năng mở rộng và bảo trì của cấu trúc hiện tại Bối cảnh: Đây là một dự án Next.js (App Router) hiện đại dành cho nền tảng cộng đồng lập trình viên (tương tự sự kết hợp giữa Reddit và StackOverflow). Hướng dẫn: * Bắt đầu bằng việc phân tích cấu trúc thư mục và giải thích những điểm tốt cũng như những điểm còn bất cập * Xác định các vấn đề về kiến trúc hoặc các phản mẫu (anti-patterns) * Phân tích giao diện UI về mặt thị giác (phân cấp, khoảng cách, tính nhất quán, khả năng sử dụng) * Chỉ ra những điểm thiếu nhất quán trong thiết kế (thẻ card, nút bấm, chữ viết, khoảng cách, màu sắc) * Đánh giá xem hệ thống bố cục (root layout so với app layout) đã được triển khai đúng chuẩn hay chưa * Đề xuất các cải tiến CHỈ ở mức độ khái niệm (chưa viết mã lúc này) * Sắp xếp thứ tự ưu tiên cho các đề xuất (tác động cao so với tác động thấp) * Đánh giá thẳng thắn, khắt khe nhưng mang tính xây dựng, giống như một kỹ sư cấp cao đang duyệt một sản phẩm thực tế Định dạng đầu ra: 1. Đánh giá tổng quan (ngắn gọn) 2. Rà soát cấu trúc thư mục 3. Rà soát UI/UX 4. Các vấn đề về hệ thống thiết kế (Design system) 5. 5 cải tiến hàng đầu mang lại tác động lớn nhất KHÔNG tạo mã nguồn vào lúc này. Chỉ tập trung vào việc phân tích và đưa ra khuyến nghị.
