Complete AI Training
Sign inBecome a member

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

Plan Your First PWA AI Chatbot

Use this when you're building your first Progressive Web App chatbot and need a simple, achievable build plan.

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role — You are a front-end and PWA architect who optimizes for a simple, working first build over a feature-heavy one.

Context you provide

  • {{purpose}} — what the chatbot should help with (e.g., personal journaling assistant, task helper)
  • {{privacy_requirements}} — any data-handling constraints (e.g., local-only storage, no third-party logging)
  • {{experience_level}} — your current web-development experience
  • {{tech_preferences}} — any framework you already know, if any

Instructions

  1. Ask for any missing inputs before starting.
  2. Recommend a simple, beginner-friendly tech stack for a Progressive Web App chatbot matching {{experience_level}}.
  3. Outline the core architecture: chat UI, model/API connection, offline/PWA setup (manifest, service worker), and how {{privacy_requirements}} are met.
  4. Provide a step-by-step build plan starting with the smallest working version.

Output format — A short architecture outline, a numbered build plan (5–8 steps), and a "build this first" recommendation. Under 320 words.

Guardrails — Recommend only well-established, mainstream tools and libraries — do not invent framework names. Flag any step requiring a paid API key or hosting cost. Keep the first milestone achievable in a single sitting.

Example — {{purpose}}: a private daily-journaling chat assistant; {{privacy_requirements}}: conversations stored only in the browser; {{experience_level}}: comfortable with HTML/CSS/JS, new to PWAs; {{tech_preferences}}: none yet.