# Frontend Design Common Issues

> Sub-skill of frontend-design: Common Issues.

- Skill: `vamseeachanta/frontend-design-common-issues` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/frontend-design-common-issues`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/frontend-design-common-issues/raw
- Safety review: PASS (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: vamseeachanta (https://skillmd.com/u/vamseeachanta)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/vamseeachanta/frontend-design-common-issues

---


# 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