Skip to content
Marketplace

Prototype Support · Support widget

Northwind Help

Flagship support chat widget for a fictional outdoor-gear store: order lookup, returns, human handoff and offline mode on the widget-host shell. Demo only — no real orders or money.

A flagship prototype: complete and ready to try.

Screenshot · shown in its widget on a site shell

Live preview

1280×800
Live demo bundled static build Open
Screenshot of Northwind Help

No live preview yet.

Each prototype stores its data in IndexedDB for the address it runs on. Data you create at localhost:5173 is separate from a build at localhost:4173 or a published URL, and the framed preview shares storage with that address opened directly.

Highlights

  • A help widget on a fictional outdoor-gear store
  • Order lookup and returns
  • Human handoff and offline mode
  • Demo only: no real orders or money

Scenarios 5

  • first-visit
  • returning-customer default
  • open-return
  • agent-offline
  • outage

Each scenario rebuilds a deterministic world. Open one with ?scenario=<id>.

Spec kit

Every prototype carries a spec any agent can follow to rebuild it in a real app: the files below, in prototypes/support-widget-demo/, with generated regions kept in sync with the code.

  • AGENTS.md
  • docs/SPEC.md
  • docs/DATA_MODEL.md
  • docs/FLOWS.md
  • docs/SCREENS.md
  • docs/PERMISSIONS.md

Check that the spec is current

pnpm protoyard spec support-widget-demo --check

Rebuild kit (ZIP)

pnpm protoyard spec support-widget-demo --bundle