duxinrui9-gif

Use when a Design/UI task needs responsive adaptation across screen sizes, breakpoints, device contexts, touch or keyboard constraints…

Use when a Design/UI task needs purposeful animation, transitions, micro-interactions, loading motion, GSAP timeline/ScrollTrigger…

Use when a frontend or Design/UI task needs quality checks for accessibility, performance, theming, responsive behavior, visual…

Use when a Design/UI task asks to make a safe, bland, flat, or generic interface more distinctive, energetic, memorable, or high-impact…

Use before VI production to research visual benchmarks, choose a brand direction, avoid similarity risk, or define reusable brand sources…

Use when a Design/UI or product task needs clearer UX copy, labels, microcopy, empty states, errors, instructions, or onboarding text…

Use when a Design/UI task needs stronger color direction, palette repair, theme differentiation, contrast tuning, or visual interest…

Use when the user asks for UX/UI critique, design review, visual hierarchy assessment, interaction feedback, or actionable…

Use when a Design/UI task needs tasteful personality, memorable details, playful moments, celebration states, easter eggs, or emotional…

Use when a Design/UI task needs simplification, clutter reduction, clearer hierarchy, removal of unnecessary UI, or a more focused minimal…

Use when a task needs Figma MCP context, Figma screenshots, variables, assets, design inspection, or translating Figma design information…

Use when a frontend task needs production hardening for error handling, empty states, onboarding flows, i18n, text overflow, or edge-case…