Find agent skills by outcome

- Assume the target is a ${INSERTAPPTYPE: e.g.

SaaS dashboard / e-commerce / portfolio / social app}

- Where multiple approaches exist

recommend one with reasoning rather than listing options

- Provide concrete values where applicable (e.g.

8px base spacing scale

5. UX/UI Pattern Library Plan – Key patterns

interactions

6. Technical Architecture – Stack

structure

3. Performance Blueprint – Targets

techniques

- Recommend updates to the tech stack (if needed) with justification

considering current technology usage

- Define: component architecture enhancements

folder structure improvements

- Forms & Input: Validate and enhance UX for forms

including inline errors and input types per device

- Navigation Patterns: Enhance responsive navigation (hamburger

bottom nav

- Feedback & Affordance: Implement loading states

skeleton screens

- Accessibility (WCAG 2.1 AA minimum): Analyze current accessibility and propose improvements (contr...

ARIA roles)

Apply and plan for the following UX/UI principles

adapting them to the current application:

- Include a spacing scale

border radius philosophy

- Plan for: offline support or graceful degradation

assessing existing service worker implementations

- Target performance metrics: 60fps animations

<2.5s LCP

- Handle: notches

safe areas

- Address: touch targets

tap gestures

Generate a comprehensive

actionable development plan to enhance the existing web application

- Ensure the application adapts flawlessly to: mobile (320px+)

tablet (768px+)

- Assume the target is a [INSERT APP TYPE: e.g.

SaaS dashboard / e-commerce / portfolio / social app]

Begin with the Executive Summary

then proceed section by section.,FALSE,TEXT,[email protected]

- Target users are [INSERT: e.g.

non-technical consumers / enterprise professionals / mobile-first users]

6. Technical Architecture – Stack

structure