Skip to content

Mockups

Non-functional UI prototypes used to validate the interface specs and surface gaps before implementation. Not part of the build.

  • studio/index.html — the keryx studio web UI (spec 0002-interface-contracts.md §4). Open in a browser. Mock data, no backend. Three levels: a reels library (CRUD home), the reel editor (mode-adaptive card editor, live preview, inline validation, the chat propose → accept/reject patch gate, associated- content/bundle panel), and a Publish panel (per-platform social text with live char-count vs cap, hashtag + link-handling steering). Minimalist styling, collapsible panes on desktop, mobile-first single-column with bottom tabs. Built to find interface gaps before implementation.