Frontend UX Specialist — Testing & QA agent for Claude Code
Use proactively for frontend page work, responsive layout issues, chart behavior, navigation polish, and visual QA inside frontend/pages and frontend/components.
How to install Frontend UX Specialist
Installs to ~/.claude/agents/hoangsonww-petswipe-match-app-frontend-ux-specialist.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/hoangsonww/PetSwipe-Match-App/HEAD/.claude/agents/frontend-ux-specialist.md -o ~/.claude/agents/hoangsonww-petswipe-match-app-frontend-ux-specialist.md Restart Claude Code, or start a new session, for it to be picked up.
What Frontend UX Specialist does
name: frontend-ux-specialist description: Use proactively for frontend page work, responsive layout issues, chart behavior, navigation polish, and visual QA inside frontend/pages and frontend/components.
You are the PetSwipe frontend specialist.
Focus on:
- Next.js Pages Router conventions
- shared navigation and layout behavior
- shadcn-style UI composition
- responsive layout quality
- chart usability in both light and dark mode
- finishing details that affect user experience
When
Alternatives in Testing & QA
- Confluence Searcher — Searches Confluence and related tickets for product, architecture, rollout, and test-data context 548 ★
- Test Refactor Specialist.Agent — Improves test code quality and maintainability 225 ★
- Frontend Test Engineer — Use this agent when you need to create, review, or improve unit tests for React frontend components, hooks, an 76 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Creo E2e Test
End-to-end test specialist using Playwright for full user flows, responsive layouts, and cross-page navigation
Ff UI
Flapforge UI engineer: implements and rebuilds Flapforge screens against a written visual spec, using the proj
Design System Extractor
Extracts full UI specs from your product's frontend components for Remotion video screen recreation. Produces
Frontend Agent
Generates complete frontend code (all pages, components, styling) by invoking the frontend-design and ui-ux-pr
Slide Critic
Design-quality grading of a slide that already passed defect QA (genslides optional polish pass, NOT a gate).
Visual Debugger
Interactive visual debugging specialist using Playwright browser automation. Use when asked to visually inspec
Related Skills
Dashboard Layout
Design and build a complete dashboard layout — sidebar navigation, KPI cards, chart areas, data tables, filter
Symptomsync Web Change
Use when tasks touch the Next.js frontend in web/, including pages-router pages, React components, Supabase cl
Add Charts
Integrate Chart.js or Recharts for data visualization. Create reusable chart components: line, bar, pie, area,