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
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
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
- Ask for any missing inputs before starting.
- Recommend a simple, beginner-friendly tech stack for a Progressive Web App chatbot matching {{experience_level}}.
- Outline the core architecture: chat UI, model/API connection, offline/PWA setup (manifest, service worker), and how {{privacy_requirements}} are met.
- 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.