Complete AI Training
Sign inGet my AI kit

Your job's AI kit

Get your AI kit

Tell us who you are and what you do. We show you your kit right away and email you the link: skills, prompts, AI agents, MCP servers and courses for your job.

500+ jobs ready, and we make a kit for any other job. No payment needed to look.

Share

Prompt lesson · 20 prompts

Progressive Web App Development prompts for Web Developers

20 ready-to-use prompts from our AI for Web Developers course. Copy one, fill in the {{placeholders}}, and paste it into ChatGPT, Claude, Gemini or any other AI.

These 20 prompts are part of the membership. Members copy each one with a click and get prompts picked for their job every day.Become a member
01

App-like UI/UX for PWA

Use this when you need to design or improve a Progressive Web App to feel like a native mobile app.

Role You are a UI/UX designer specializing in Progressive Web Apps. Your goal is to provide actionable design guidance that makes PWAs feel native and intuitive. Context you provide - pwadescription…

The full prompt is part of the membership. Get my AI kit

Open this prompt Creating · Intermediate

02

Create Detailed User Personas

Use this when you need to define and refine user personas to guide the design and feature decisions of your progressive web app.

You are a UX researcher and product strategist. Your goal is to help create realistic, data-informed user personas that will drive design and feature decisions for a PWA.…

The full prompt is part of the membership. Get my AI kit

Open this prompt Creating · Beginner

03

Design Offline-First PWA

Use this when you need to plan and implement offline functionality for a progressive web app, including caching and data sync.

You are a senior web developer specializing in progressive web apps (PWAs). Your goal is to provide a practical, step-by-step plan for implementing robust offline functionality that ensures a…

The full prompt is part of the membership. Get my AI kit

Open this prompt Planning · Intermediate

04

Ensure PWA Accessibility

Use this when you need to make your Progressive Web App accessible to users with disabilities and ensure an inclusive experience.

Role You are an accessibility specialist for web applications, optimizing for inclusive user experiences and compliance with WCAG guidelines. Context you provide - pwa-description: Brief description…

The full prompt is part of the membership. Get my AI kit

Open this prompt Analysis · Intermediate

05

Ensure PWA Cross-Platform Compatibility

Use this when you need to ensure your Progressive Web App works seamlessly across different platforms, browsers, and devices.

Role You are a senior web developer specializing in Progressive Web Apps (PWAs) and cross-platform compatibility. Your goal is to provide actionable, up-to-date best practices and strategies to…

The full prompt is part of the membership. Get my AI kit

Open this prompt Research · Intermediate

06

Ensure PWA Responsiveness

Use this when you need to make your Progressive Web App fully responsive across desktop and mobile devices.

Role You are a senior front-end developer specializing in Progressive Web Apps (PWAs) and responsive design. Your goal is to provide actionable, practical guidance to ensure optimal user experience…

The full prompt is part of the membership. Get my AI kit

Open this prompt Analysis · Intermediate

07

Handle Offline Form Submission

Use this when you need to allow users to submit forms in your PWA even without an internet connection, with automatic sync later.

Role You are a senior PWA developer with expertise in offline-first architecture and data synchronization. Your goal is to help the user implement offline form submission that is reliable and…

The full prompt is part of the membership. Get my AI kit

Open this prompt Coding · Advanced

08

Implement App Shell Architecture

Use this when you want to improve your PWA's load performance by separating the core app shell from dynamic content.

Role You are an experienced PWA architect with deep knowledge of app shell patterns and performance optimization. Your goal is to guide the user through implementing an app shell that minimizes load…

The full prompt is part of the membership. Get my AI kit

Open this prompt Planning · Intermediate

09

Implement Offline Data Caching

Use this when you need to implement offline data caching in a progressive web app (PWA) to improve performance and user experience.

Role You are a PWA performance expert who designs efficient offline caching strategies to ensure fast, reliable, and seamless user experiences. Context you provide - appdescription — a brief…

The full prompt is part of the membership. Get my AI kit

Open this prompt Planning · Intermediate

10

Implement Offline Support

Use this when you need to add offline functionality to your PWA, ensuring users can access content and features without an internet connection.

Role You are a PWA offline-specialist with expertise in service workers and caching strategies. Your goal is to help the user implement robust offline support that keeps the app functional and data…

The full prompt is part of the membership. Get my AI kit

Open this prompt Planning · Intermediate

11

Implement Push Notifications

Use this when you want to integrate push notifications into your PWA to boost user engagement and retention.

Role You are a PWA engagement specialist with deep knowledge of push notification best practices and implementation. Your goal is to help the user set up effective, user-friendly push notifications…

The full prompt is part of the membership. Get my AI kit

Open this prompt Planning · Intermediate

12

Implement PWA Background Sync

Use this when you need to implement background sync in a Progressive Web App to ensure data synchronization when the device is online.

Role You are a senior PWA developer and technical writer. Your goal is to provide a comprehensive, actionable guide on implementing background sync in a PWA, focusing on best practices for data…

The full prompt is part of the membership. Get my AI kit

Open this prompt Coding · Intermediate

13

Implement PWA Background Updates

Use this when you need to enable automatic background updates in a Progressive Web App to keep content fresh without user intervention.

You are a senior PWA developer. Your goal is to guide the user through implementing robust background update mechanisms to ensure seamless content delivery.…

The full prompt is part of the membership. Get my AI kit

Open this prompt Coding · Advanced

14

Optimize PWA Performance

Use this when you need to improve the loading speed and responsiveness of your progressive web app through performance optimization techniques.

You are a performance optimization specialist for web applications. Your goal is to provide actionable, prioritized recommendations to make a PWA faster and smoother.…

The full prompt is part of the membership. Get my AI kit

Open this prompt Analysis · Intermediate

15

PWA Home Screen Implementation

Use this when you need to implement, explain, or troubleshoot the 'Add to Home Screen' feature for a Progressive Web App.

Role You are a PWA specialist who helps developers implement and optimize the 'Add to Home Screen' feature for a seamless app-like experience. Context you provide - pwadetails: Your PWA's current…

The full prompt is part of the membership. Get my AI kit

Open this prompt Coding · Intermediate

16

PWA Performance Optimization

Use this when you need to improve the speed and performance of your Progressive Web App, ensuring fast loading times and smooth user interactions.

Role You are a web performance engineer specializing in Progressive Web Apps. Your goal is to provide practical strategies and tools to optimize loading speeds and user interactions. Context you…

The full prompt is part of the membership. Get my AI kit

Open this prompt Planning · Intermediate

17

PWA Push Notification Implementation

Use this when you need to integrate push notifications into a Progressive Web App (PWA) and optimize user engagement.

Role You are a senior web developer specializing in Progressive Web Apps and user engagement. Your goal is to provide a comprehensive, actionable guide for implementing push notifications that are…

The full prompt is part of the membership. Get my AI kit

Open this prompt Coding · Intermediate

18

PWA Testing and Debugging Guide

Use this when you need to test and debug a Progressive Web App, identify common issues, and apply best practices.

Role You are a senior web developer specializing in Progressive Web Apps (PWAs). Your goal is to help me test and debug my PWA efficiently, providing practical strategies and tools. Context you…

The full prompt is part of the membership. Get my AI kit

Open this prompt Analysis · Intermediate

19

Responsive PWA Design Blueprint

Use this when you need to design a Progressive Web App that adapts seamlessly to various screen sizes and devices.

Role You are a front-end developer and UX designer specializing in Progressive Web Apps, optimizing for cross-device consistency and performance. Context you provide - pwa-description: a brief…

The full prompt is part of the membership. Get my AI kit

Open this prompt Creating · Intermediate

20

Secure PWA Connections

Use this when you need to implement, migrate, or communicate HTTPS for your Progressive Web App to ensure security and user trust.

Role You are a web security and PWA expert. Your goal is to provide clear, actionable guidance on implementing and maintaining secure HTTPS connections for Progressive Web Apps, and to help…

The full prompt is part of the membership. Get my AI kit

Open this prompt Planning · Intermediate