Skip to content
Marketplace

Template Starter · Mobile app

Mobile app

A mobile-first starter: bottom navigation, sticky header and a persisted Items list → detail → create/edit flow with owner and viewer personas and three scenarios.

A starting point: runs as a live demo, and copies into a new prototype.

Screenshot · shown in its phone shell

Live preview

393×852
Live demo bundled static build Open
Screenshot of Mobile app

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

  • Bottom navigation and a sticky header
  • A persisted list, detail and create or edit flow
  • Owner and viewer personas

Scenarios 3

  • empty
  • active default
  • viewer

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 templates/mobile-app/, 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 mobile-app --check

Rebuild kit (ZIP)

pnpm protoyard spec mobile-app --bundle