AddThisFeature

Service Incident Banner

Warn users about outages and maintenance inside the app, without a deploy.

moderate Admin & Operations

What it adds

An operator-controlled banner announcing degraded service, incidents, or planned maintenance to the right users.

What your agent is told to do

5
  1. 1

    Give operators a way to create, schedule, and end a banner from an admin screen. Requiring a deploy to announce an outage means it goes out late or not at all.

  2. 2

    Support severity levels with different treatments: informational, degraded, and outage.

  3. 3

    Let a banner target a subset of users by plan, region, workspace, or affected feature, and default to nobody rather than everybody.

  4. 4

    Support a scheduled start and an automatic expiry, so a maintenance notice does not linger for a week after the work is done.

  5. 5

    Serve the banner from a path that does not depend on the main application API. A banner that goes down with the thing it is announcing is useless.

Edge cases it handles

6
  • Informational banners may be dismissed; an active outage banner must stay until the incident ends.
  • A dismissal must be remembered per user and per banner, and must reset if the message is edited.
  • The banner must not cover fixed navigation or shift the layout when it appears.
  • Two active incidents need a defined order; show the highest severity rather than stacking three bars.
  • Copy must be written for customers, not for engineers. No internal service names, no ticket IDs.
  • Link to a status page if one exists, and make sure that link works when the app does not.

Definition of done

8
  • Operators can publish, schedule, and expire a banner without a deploy.
  • Banners can target specific plans, regions, or workspaces.
  • Severity is reflected in the treatment, and critical banners cannot be dismissed.
  • Dismissals persist per user and reset when the message changes.
  • The banner renders even when the primary API is degraded.
  • Expired and scheduled banners appear and disappear on time.
  • The feature matches the existing design system.
  • No existing functionality is broken.

Related features

How it works

  1. 1

    Copy the link

    Grab the Markdown instruction URL for this feature.

  2. 2

    Give it to your AI

    Paste it into Claude Code, Cursor, v0, Lovable — whatever you build with.

  3. 3

    It inspects, then implements

    Your agent reads your existing app first, then adds the feature to fit it.

Works with your stack

These instructions are written to adapt. They tell the agent to detect your framework, match your existing design system, and reuse what you already have — rather than assuming a particular stack.

Need it tighter than that? Customize the feature and tell it exactly what you're running.