Frontend Design Common Issues

Sub-skill of frontend-design: Common Issues.

vamseeachanta f6c1e1e 729 B Updated

File contents

Common Issues

Common Issues

Issue: Design looks generic

  • Cause: Using default fonts and colors
  • Solution: Audit for Inter/Roboto/system fonts, replace with distinctive choices

Issue: Animations feel janky

  • Cause: Using wrong easing or duration
  • Solution: Use ease-out for entrances, keep durations 200-600ms

Issue: Layout breaks on mobile

  • Cause: Fixed widths or no responsive breakpoints
  • Solution: Use relative units, add media queries, test at 320px

Issue: Colors clash in dark mode

  • Cause: Using light-mode palette directly
  • Solution: Design dark mode first, derive light mode from it

vamseeachanta/workspace-hub/tree/main/.agents/skills/_archive/business/content-design/frontend-design/common-issues commit f6c1e1ec17

Frequently asked questions

npx skillmds@latest add vamseeachanta/frontend-design-common-issues