Ui Responsive Design
Design responsive UI that adapts to different screen sizes
Risk Level
LOW
Core Rules
- Test on multiple resolutions
- validate layout
- Test thoroughly before deploying
Response Pattern
When Using This Skill
- Design responsive layout
- Validate the implementation
- Test edge cases and error conditions
- Ensure performance meets requirements
Usage Contexts
- Multi-device support
- responsive layout
What NOT to Do
- Fixed layouts
- off-screen elements
- Deploy without testing
Key Requirements
- Understand the use cases before application
- Follow the documented response pattern
- Validate results in the target environment
- Monitor for performance impact
Further Learning
Review related skills and documentation for deeper understanding of related systems and best practices.