# Elite Frontend UX 10 Implementation Order

> Sub-skill of elite-frontend-ux: 10. Implementation Order.

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

---


# 10. Implementation Order

## 10. Implementation Order


1. Define CSS token block (§2)
2. Sketch semantic HTML structure (§3 — no ARIA until HTML exhausted)
3. Apply Tailwind mobile-first (§6)
4. Add component variants via CVA (§6)
5. Wire interactivity with React patterns (§7)
6. Run pre-delivery checklist (§9)
7. Verify one distinctive aesthetic element is present (§1)