UI Responsive Design

Design responsive UI that adapts to different screen sizes

LgrappaG c121130 955 B Updated

File contents

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

  1. Design responsive layout
  2. Validate the implementation
  3. Test edge cases and error conditions
  4. 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.

LgrappaG/Workflows-Agents/tree/main/skills/ui-responsive-design commit c1211302a2

Frequently asked questions

npx skillmds@latest add lgrappag/ui-responsive-design