Sixteen rendered slides covering the Client app, Chef app, Admin dashboard, design system, and full architecture — embedded inline. All JSX components, the iOS device + Chrome browser frames, the deck-stage web component, and the standalone HTML / PPTX exports are downloadable directly from this page. Ready for the incoming engineer (25 May).
16:9 frame, full-quality rendering, all images preserved from source. Arrow keys ← → to navigate, or click the dots in the deck. Press R to reset to slide one.
Each card opens the deck in a new tab anchored to that slide. The deck-stage component supports direct slide URLs (#1 through #16) plus keyboard number-jumps.
Each preview is the v4 (final) rendering exported from the design tool. These are the same frames that appear in the embedded deck — saved separately so they can be lifted straight into the investor deck, pitch emails, or printed handouts without re-export.
These are the React components and shared utilities used to render every screen in the deck. They are intentionally prototype-grade — single-file JSX with inline styles, no build step required. The incoming engineer should reimplement these as production components (real React + TypeScript + a CSS-in-JS or Tailwind setup); the goal is pixel-perfect visual parity, not file-structure copy.
ECJ design-token object (colors, spacing, typography) used across all mocks.<IOSDevice> component plus building blocks (IOSStatusBar, IOSNavBar, IOSGlassPill, IOSList, IOSListRow, IOSKeyboard). Pure inline styles + inline SVG, no assets. Used to wrap every Client and Chef app mockup so they read as native iOS.<deck-stage> web component used to host the slides. Handles keyboard navigation (← → PgUp/Dn Home/End number keys), R-to-reset, slide-count overlay, speaker-notes channel to parent window, auto-scaling from a 1920×1080 design canvas, and the post-message API the embed page uses..slide, .slide.dark, .slide.cover), spec-list, prov-card and grid utilities. Loaded by both the standalone HTML and the deck-stage component.Standalone HTML (works offline, every image embedded), PowerPoint export (for printing or email), and the original Claude Design handoff bundle (every JSX file, every preview PNG, plus the README).