Find agent skills by outcome

- Include: testing strategy for responsiveness (tools

breakpoints to test

- Empty States & Edge Cases: zero data

errors

- Recommend a tech stack with justification (framework

CSS approach

- Forms & Input: validation UX

inline errors

- Accessibility (WCAG 2.1 AA minimum): contrast ratios

ARIA roles

- Hierarchy & Scannability: F/Z pattern layouts

visual weight

- Navigation Patterns: responsive nav (hamburger

bottom nav

- Feedback & Affordance: loading states

skeleton screens

Business

- Specify: color palette strategy (light/dark mode support)

font pairing rationale

- Include: spacing scale

border radius philosophy

- Cover: iconography approach

illustration/imagery style guidance

Coding & Debugging

- Strategy for: lazy loading

code splitting

- Approach to: CSS containment

will-change

- Cover: font scaling

image optimization (srcset

- Handle: notches

safe areas

- Target: 60fps animations

<2.5s LCP

- Address: touch targets

tap gestures

Generate a **comprehensive

actionable development plan** for building a responsive web application

- Flawlessly adapts to: mobile (320px+)

tablet (768px+)

Coding & Debugging

Generate a Plan for Building the Best UI/UX

You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building

patterns

and cross-device performance optimization.

· MySQL/PostgreSQL : %s or $1

$2...

Database Flavour: [SPECIFY e.g.

PostgreSQL 15]

· SQL Server : SET STATISTICS IO

TIME ON;