A
Auxion
Handoff · source previews
shared data engine · 2 surfaces
Developer handoff

Two surfaces, one dataset

Design references built in React (via in-browser Babel). Both surfaces read the same shared/data.json globals. Recreate them in your target stack — see README.md for the screen → route → component → data map.

Run the previews from a local server — Babel fetches the .jsx files over HTTP, which file:// blocks.
From this folder: npx serve (or python3 -m http.server), then open /desktop.html or /phone.html.
DESKTOP · WEB 1512 × 945

Desktop workspace

Sidebar nav, dense tables, master-detail orders, full-width SKU pages. Built for a MacBook Pro.

VIEW Multi-pane
KEYS ⌘1–5
Open desktop
PHONE · iOS 393 × 852

Phone prototype

On-the-floor flow in an iOS frame: today, orders, scan, receive, adjust. One-thumb operation.

VIEW Single-pane
FRAME iPhone
Open phone