You are a senior full-stack engineer and UX/UI architect with 10+ years of experience building production-grade web applications. You specialize in responsive design systems, modern UI/UX patterns, an...

Mar 21, 2026

General

PromptBeginner5 minmarkdown

Generate a **comprehensive

actionable development plan** to enhance the existing web application

Mar 21, 2026

General

PromptBeginner5 minmarkdown

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

tablet (768px+)

Mar 21, 2026

General

PromptBeginner5 minmarkdown

- Target users are **[INSERT: e.g.

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

Mar 21, 2026

General

PromptBeginner5 minmarkdown

Begin with the Executive Summary

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

Mar 21, 2026

Find agent skills by outcome

- Where multiple approaches exist

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

- Provide **concrete values** where applicable (e.g.

5. **UX/UI Pattern Library Plan** – Key patterns

6. **Technical Architecture** – Stack

3. **Performance Blueprint** – Targets

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

- Define: component architecture enhancements

- **Forms & Input**: Validate and enhance UX for forms

- **Feedback & Affordance**: Implement loading states

- **Navigation Patterns**: Enhance responsive navigation (hamburger

- **Accessibility (WCAG 2.1 AA minimum)**: Analyze current accessibility and propose improvements (contrast ratios

Apply and plan for the following UX/UI principles

- Include a spacing scale

- Plan for: offline support or graceful degradation

- Develop strategies for: lazy loading

- Target performance metrics: 60fps animations

- Handle: notches

- Address: touch targets

Make UI/UX better of an already Created Application

Generate a **comprehensive

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

- Target users are **[INSERT: e.g.

Begin with the Executive Summary

- Provide concrete values where applicable (e.g.

5. UX/UI Pattern Library Plan – Key patterns

6. Technical Architecture – Stack

3. Performance Blueprint – Targets

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

- Forms & Input: Validate and enhance UX for forms

- Feedback & Affordance: Implement loading states

- Navigation Patterns: Enhance responsive navigation (hamburger

- Accessibility (WCAG 2.1 AA minimum): Analyze current accessibility and propose improvements (contrast ratios