Create a web-based recreation of the Apple TV desktop app — the macOS TV app experience — that feels like a living application rather than a static mockup. Let people browse a streaming catalog, move between the main sections through the sidebar, explore detail pages for shows and movies, and sit down to watch, with the polished, spacious, cinematic personality of the real app.
Build the full application shell: the translucent, blurred left sidebar with its contextual icon navigation (sections like Watch Now, Apple TV+, MLS, Store, and Library), the header area with its prominent search field, and the main content region that scrolls beneath them. The home experience should lead with a cinematic full-width hero carousel that crossfades between featured titles — backdrop artwork filling the frame, layered title treatment, a short tagline, and a Play control that starts playback — then flow into horizontal poster rails: Up Next, curated genre rows, a numbered Top 10 chart row, and new-and-noteworthy collections. Poster rails should hover-expand, nudge neighboring cards, and open detail views on click.
Give every title a complete detail experience: a rich hero with backdrop art, metadata (year, rating badges, duration, genre tags), a Play / resume control that reflects playback progress, an Add to Watchlist-style button that updates its state in place, episode lists for series with per-episode thumbnails and watched progress, cast and crew, related titles, and supplementary information panels. Playback should feel real: an in-app player overlay with a scrim, transport controls, a seek bar with buffered and elapsed regions, time remaining, skip-forward/back, volume, a brief auto-hiding control chrome, and an escape path back to the detail page with progress remembered so the title appears correctly in Up Next and resume state persists as the visitor navigates.
Because this is an interface recreation, the catalog itself may be original: invent a believable streaming catalog of series and films with authored titles, taglines, plots, cast, years, and runtime metadata, and generate consistent poster, backdrop, and episode artwork for them (procedurally, via CSS gradients, canvas, or locally generated image assets — no network hotlinking from the real Apple service). The interface, not the intellectual property, is the subject: match the real app's layout grammar, typography scale, spacing rhythm, translucency, blur, hover and focus behavior, motion, and interaction texture as closely as you can in a browser.
Carry the experience through secondary and edge states, not just the happy path: gallery-style focus and selection feedback while browsing, scroll-position affordances and rail pagination controls, empty-state behavior for search with no results, loading and shimmer states where a real app would show them, context or overflow menus, responsive behavior as the window narrows (collapsing the sidebar appropriately), and the small transitional moments — hero crossfades, card hover transforms, page-to-page motion, control chrome fading — that make the app feel inhabited.
Do not take shortcuts, substitute a cookie-cutter streaming-app template, or stop at a recognizable shell. This skill imposes no token budget limit, so pursue the recreation down to the smallest meaningful interactions — the exact hover lift on a poster, the way the player chrome hides after idle, the resume-position memory, the numbered chart badges — and continue refining until the app feels complete, cohesive, and convincingly faithful to the Apple TV desktop experience.