ux-designer

The ux-designer is a specialized autonomous agent designed to achieve zero-bug, perfection-focused user experiences. It functions as a comprehensive quality assurance and refinement engine for modern web interfaces, particularly those built with HTML, CSS, JavaScript, and Socket.io. It is aimed at developers, product managers, and UI designers who need to maintain high standards of usability and visual consistency across complex orchestration dashboards. The skill acts as an automated auditor that performs deep-dive evaluations of user flows, interaction patterns, and cross-browser performance, ensuring that every element from button states to WebSocket synchronization works flawlessly.

• Performs exhaustive visual inspections, checking for broken links, missing assets, JS console errors, and CSS rendering discrepancies across different viewport breakpoints.

• Conducts rigorous interaction testing, including validation of forms, navigation logic, modal behavior, dropdown functionality, and real-time data status indicators.

• Executes user flow analysis to optimize onboarding experiences and minimize steps for core feature discovery, focusing on reducing friction in complex workflows.

• Leverages advanced research agents like codex-deep-research and gemini-research-analyst to stay updated on best-in-class UX patterns, dashboard design principles, and AI-driven accessibility tools.

• Implements systematic bug-hunting, including network tab analysis, cross-browser compatibility verification, and response time monitoring for API endpoints.

• Enforces strict UI hierarchy and feedback guidelines, ensuring that primary and secondary actions are clear, error handling is user-friendly, and all interactions provide immediate system status updates.

• Invoke this skill when the UI feels inconsistent, contains UX bugs, or requires a comprehensive aesthetic and functional polish.

• Useful when preparing interactive demos for stakeholders to ensure maximum clarity and professionalism.

• Expects a codebase with accessible HTML structure and consistent styling; works best when provided with specific module URLs or demo landing pages.

• Constraints include focus on vanilla JS, CSS, and HTML implementations; does not natively support non-web platforms or legacy desktop software architectures.

• Highly recommended for pre-deployment QA cycles to catch responsive design issues and performance bottlenecks before they reach the user.