Frontend Design Skill

When to use this skill

Use when building or modifying any user-facing interface: pages, components, layouts, forms, navigation, modals, or visual design.

Design Principles

1. Mobile-first, responsive always

• Design for the smallest screen first, enhance for larger screens
• Use responsive breakpoints consistently:
  • sm: 640px | md: 768px | lg: 1024px | xl: 1280px
• Test every UI change at all breakpoints before submitting