# Elite Frontend UX 9 Pre Delivery Checklist

> Sub-skill of elite-frontend-ux: 9. Pre-Delivery Checklist.

- Skill: `vamseeachanta/elite-frontend-ux-9-pre-delivery-checklist` (Agent Skill)
- Install (CLI): `npx skillmds@latest add vamseeachanta/elite-frontend-ux-9-pre-delivery-checklist`
- Raw SKILL.md: https://api.skillmd.com/api/skills/vamseeachanta/elite-frontend-ux-9-pre-delivery-checklist/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-9-pre-delivery-checklist

---


# 9. Pre-Delivery Checklist

## 9. Pre-Delivery Checklist


Before delivering any frontend code, verify all items:

**Accessibility**
- [ ] Color contrast ≥4.5:1 text / ≥3:1 UI components
- [ ] Touch targets ≥44×44px
- [ ] All images have `alt` text (decorative: `alt=""`)
- [ ] All form fields have `<label>`
- [ ] Visible focus states on all interactive elements
- [ ] No color-only information conveyance

**Visual Design**
- [ ] Clear typographic hierarchy (3–5 levels)
- [ ] Consistent spacing from token scale
- [ ] Max 2–3 typefaces
- [ ] Cohesive 60/30/10 color palette
- [ ] ONE memorable design element present

**Technical**
- [ ] Mobile-first responsive approach
- [ ] Animations use only `transform`/`opacity`
- [ ] No dynamic Tailwind class names
- [ ] `cn()` helper used for class merging
- [ ] Dark mode support via CSS variables
- [ ] `prefers-reduced-motion` respected

**UX Integrity**
- [ ] Single primary goal per page
- [ ] No dark patterns or confirmshaming
- [ ] Footer always accessible
- [ ] Error states are descriptive and helpful
- [ ] Loading states exist for all async operations
- [ ] Empty states have helpful action prompts

---