# Frontend Quality

> Build or review resilient frontend behavior across responsive layout, interaction states, performance, accessibility, browsers, and visual consistency.

- Skill: `egeetas/frontend-quality` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add egeetas/frontend-quality`
- Raw SKILL.md: https://api.skillmd.com/api/skills/egeetas/frontend-quality/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: egeetas (https://skillmd.com/u/egeetas)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/egeetas/frontend-quality

---


# Front-end Quality

Match the product's design system and existing component conventions.

## Quality Areas

- Responsive behavior at content-driven breakpoints and narrow/wide extremes.
- Loading, empty, partial, error, offline, retry, disabled, success, and permission states.
- Keyboard, focus, semantic structure, screen-reader names, reduced motion, and contrast.
- Stable layout, clear feedback, input preservation, safe optimistic updates, and duplicate-action prevention.
- Browser support, locale expansion, long content, dates/numbers, RTL where required, and touch/mouse input.
- Performance budgets for startup, interaction, rendering, assets, and network waterfalls.

Verify important flows in a real browser when available. Test behavior rather than only snapshots, and capture visual evidence only when it helps review a material UI outcome.