Ui Ux Frontend

• Commit to one coherent visual direction.
• Avoid generic AI aesthetics, especially default font stacks, timid palettes, and cookie-cutter layouts.
• Use typography as a primary design tool, not decoration.
• Build atmosphere with composition, texture, contrast, motion, or background detail when appropriate.
• Preserve clarity and usability over novelty.

Frontend Standards

• Prefer production-ready code over mockups.
• Use semantic markup, sensible component boundaries, and reusable patterns.
• Keep interaction states explicit: hover, focus, active, disabled, loading, and error.
• Make responsive behavior intentional at mobile, tablet, and desktop breakpoints.
• Keep accessibility visible in the implementation: contrast, labels, keyboard support, and screen-reader-friendly structure.

Review Checklist

• Does the interface communicate a clear hierarchy?
• Is the layout visually balanced and easy to scan?
• Are colors and typography doing real work?
• Does it adapt cleanly across screen sizes?
• Does it remain usable without mouse, perfect vision, or a large display?

Output Expectations

• Deliver concrete code or specific review findings.
• Explain the main design choices briefly when helpful.
• Point out regressions, accessibility issues, and weak interaction patterns directly.
• Suggest the smallest change that produces the strongest improvement.39:["$","$L42",null,{"content":"$43","frontMatter":{"name":"ui-ux-frontend","description":"Use when building or reviewing frontend UI/UX, web components, pages, or applications that need strong visual design, accessibility, responsiveness, and implementation guidance. Keywords: UI design, UX, frontend, web app, component, landing page, dashboard, accessibility, responsive design, visual polish.","metadata":{"version":"1.0.0"}}}]