Find agent skills by outcome

- Provide concrete values where applicable (e.g.

8px base spacing scale

PromptBeginner5 minmarkdownQuality: 26

- Where multiple approaches exist

recommend one with reasoning rather than listing all options

3. Performance Blueprint – Targets

techniques

5. UX/UI Pattern Library Plan – Key patterns

interactions

- 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

- Feedback & Affordance: loading states

skeleton screens

- Navigation Patterns: responsive nav (hamburger

bottom nav

- Hierarchy & Scannability: F/Z pattern layouts

visual weight

- Cover: iconography approach

illustration/imagery style guidance

- Include: spacing scale

border radius philosophy

- Approach to: CSS containment

will-change

- Target: 60fps animations

<2.5s LCP

- Handle: notches

safe areas

- Cover: font scaling

image optimization (srcset

- Address: touch targets

tap gestures

PromptBeginner5 minmarkdownQuality: 26

Generate a comprehensive

actionable development plan for building a responsive web application

- Flawlessly adapts to: mobile (320px+)

tablet (768px+)

patterns

and cross-device performance optimization.

- Covering Index — Includes all query columns

avoids table lookup

ON [table]([column1]

[column2]);

-- Expected impact: [e.g.

converts full table scan to index seek]

- 🔴 Filesort — In-memory/disk sort

expensive