Frontend Design

Installation
SKILL.md

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
Installs
First Seen
Frontend Design — xmenq/template-agentic-coding