userinterface-wiki

152 UI/UX best practices rules across 12 categories, prioritized by impact for code review and generation. Comprehensive UI/UX best practices guide for web interfaces. Contains 152 rules across 12 categories, prioritized by impact to guide automated code review and generation. Reference these guidelines when: Read individual rule files for detailed explanations and code examples: Each rule file contains: For the complete guide with all rules expanded: AGENTS.md - Covers animation principles, timing functions, exit animations, CSS pseudo-elements, audio feedback, sound synthesis, morphing icons, container animation, UX laws, predictive prefetching, typography, and visual design - Each rule includes a prefix (e.g., timing-under-300ms , spring-for-gestures ) for automated detection and outputs file:line findings - Prioritized by impact: CRITICAL rules for animation principles, HIGH for timing functions and UX laws, MEDIUM for audio and typography - Designed for reference during implementation or automated code review; individual rule files contain explanations, incorrect and correct code examples - Implementing or reviewing animations (CSS transitions, Motion/Framer Motion) - Choosing between springs, easing curves, or no animation - Working with AnimatePresence and exit animations - Writing CSS with pseudo-elements or View Transitions API - Adding audio feedback or procedural...