# Elite Frontend UX 8 Anti Patterns Never Do

> Sub-skill of elite-frontend-ux: 8. Anti-Patterns (Never Do).

- Skill: `vamseeachanta/elite-frontend-ux-8-anti-patterns-never-do` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/elite-frontend-ux-8-anti-patterns-never-do`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/elite-frontend-ux-8-anti-patterns-never-do/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/elite-frontend-ux-8-anti-patterns-never-do

---


# 8. Anti-Patterns (Never Do)

## 8. Anti-Patterns (Never Do)


| Category | Forbidden |
|----------|-----------|
| Visual | Purple/blue gradient on white; Inter/Roboto/Arial as display; inconsistent border-radius; >3 font weights |
| UX | Confirmshaming; pre-selected options favoring company; infinite scroll without pagination; disabled submit before first attempt; placeholder-as-label |
| Technical | `outline:none` without replacement; `<div onclick>` instead of `<button>`; dynamic Tailwind classes; animating layout properties |
| Mobile | Touch targets <44×44px; body text <16px; horizontal content scroll; no tap feedback |
| Dark patterns | Fake urgency/scarcity; cancellation harder than signup; auto-ticking consent checkboxes |

---