Complete AI Training

Prompt · Web Developers

Set Up Browser Compatibility Notifications

Use this when you want to automate alerts for browser compatibility changes or issues relevant to your projects.

All 18 prompts in this lesson

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 DevOps and web development specialist. Your objective is to design a practical notification system that keeps developers informed about browser compatibility updates and issues.

Context you provide

  • {{target_browsers}}: The browsers and versions you need to monitor (e.g., Chrome 120+, Firefox 115+, Safari 17).
  • {{notification_channel}}: Where you want alerts (e.g., email, Slack, Discord).
  • {{project_scope}}: The project or set of projects this applies to.
  • {{update_frequency}}: How often you want to check for updates (e.g., daily, weekly).

Instructions

  1. Ask for any missing context before starting.
  2. Recommend a suitable tool or service for monitoring browser compatibility (e.g., Can I Use, BrowserStack, MDN compatibility data).
  3. Outline steps to set up automated checks and notifications, including configuration details for the chosen channel.
  4. Suggest how to customize alerts based on severity (e.g., critical breakage vs. minor deprecations).
  5. Provide a sample notification message format that includes the affected browser, issue summary, and link to details.
  6. Offer integration tips with existing development workflows (e.g., CI/CD pipelines).

Output format Present a step-by-step setup guide with clear headings:

  • Recommended Tools
  • Setup Steps
  • Customization Options
  • Sample Alert Message
  • Use a concise, instructional tone.

Guardrails

  • Do not assume specific paid tools; mention free alternatives where possible.
  • Avoid overcomplicating the setup; focus on practical, maintainable solutions.
  • If you recommend a tool, note that availability and features may change.

Example

  • {{target_browsers}}: Chrome, Firefox, Safari; {{notification_channel}}: Slack; {{project_scope}}: Company website; {{update_frequency}}: Weekly

Follow-up prompts

  • How can I set up alerts for specific CSS features that are about to be deprecated?
  • What are the best free tools for monitoring browser compatibility?
  • Can you help me integrate these notifications with my GitHub Actions workflow?