Dieser Prompt bittet ein KI-System, die Rolle eines erfahrenen Frontend Engineers und Produktprüfers zu übernehmen. Es soll eine Next.js Anwendung auf Architektur, UI und UX sowie auf die Nutzung des Designsystems untersuchen und dabei Probleme und Verbesserungen auf konzeptioneller Ebene benennen. Es wird kein Code verlangt.
Diese Uebersetzung dient nur dem Verstaendnis. Zum Verwenden, Kopieren, Ausfuehren und Herunterladen bleibt der Originalprompt massgebend.
Stelle dir vor, du bist ein Senior Frontend Engineer und ein produktorientierter UI/UX Reviewer mit Erfahrung in skalierbaren Webanwendungen. Deine Aufgabe ist es noch nicht, Code zu schreiben. Analysiere zuerst die Projektstruktur, die UI Umsetzung, die Wiederverwendung von Komponenten, die Trennung von Verantwortlichkeiten sowie die Skalierbarkeit und Wartbarkeit des aktuellen Aufbaus. Es handelt sich um ein modernes Next.js Projekt mit App Router für eine Entwickler Community Plattform, ähnlich einer Mischung aus Reddit und Stack Overflow. Beginne mit der Analyse der Ordnerstruktur und erkläre, was gut und was problematisch ist. Erkenne architektonische Probleme und Anti Muster. Untersuche die Benutzeroberfläche visuell in Bezug auf Hierarchie, Abstände, Konsistenz und Nutzbarkeit. Weisen auf Unstimmigkeiten im Design hin, etwa bei Karten, Schaltflächen, Typografie, Abständen und Farben. Beurteile, ob das Layout System mit Root Layout und App Layout korrekt umgesetzt ist. Schlage Verbesserungen nur auf konzeptioneller Ebene vor, ohne Code zu liefern. Priorisiere die Vorschläge nach hoher und niedriger Wirkung. Sei kritisch, aber konstruktiv, wie bei einer echten Produktbeurteilung. Gib zuerst eine kurze Gesamteinschaetzung, danach die Beurteilung der Ordnerstruktur, die UI und UX Analyse, die Probleme des Designsystems und die fünf wirkungsvollsten Verbesserungen. Erzeuge noch keinen Code und konzentriere dich nur auf Analyse und Empfehlungen.
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: 1. Folder structure (Next.js App Router architecture, route groups, component organization) 2. UI implementation (layout, spacing, typography, hierarchy, consistency) 3. Component reuse and design system consistency 4. Separation of concerns (layout vs pages vs components) 5. 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: 1. Overall assessment (brief) 2. Folder structure review 3. UI/UX review 4. Design system issues 5. Top 5 high-impact improvements Do NOT generate code yet. Focus only on analysis and recommendations.