# video showcase + per-video guidebook pages — artlu.ai new homepage section listing shipped spoolcast videos; each card opens a "how it was made" guidebook with scene prompts, style library, narration beats, and audit results. Type: project entry Published: 2026-04-22 [Original page]() [Browse this group]() Parent project: artlu.ai Recorded status: launched Updated: 2026-05-20T19:37:39.331Z Technologies: React, Vite, Node.js, spoolcast, cwebp, YouTube Tags: artlu, dev tool ## Details **What is the video showcase?** A new section on artlu.ai that turns every shipped spoolcast video into a learning artifact — not just media. Each card links to a full behind-the-scenes guidebook page. **What it does** - Homepage: a responsive grid of video cards (4×2 desktop, phone-shaped stack on mobile) that grows by row as more videos ship, capped at 2 rows. - /video/:id detail page: YouTube embed, core message, style library (anchor + reference characters/objects with full prompt on hover), a summary row naming the tools used (writing, images, audio, render, narration audit), every chunk with its scene image + narration beats + exact generation prompt + audit badges, and a transcript structured by scene instead of a single blob. **How it works** A node sync script (`scripts/sync-video.mjs`) reads a sibling spoolcast-content repo — `session.json`, `shot-list.json`, scene manifests, audit files, style library — and emits a "database-shaped" bundle.json per video into `public/videos//`. No filesystem paths in the output, just public URLs, so a future spoolcast DB can emit the same contract. Raster assets get downscaled via cwebp at 640px q72 — ~1MB per video instead of ~80MB. Shipping a new video is one manifest entry + one command + a git push. **Built with** React + Vite (frontend), Node 22 sync script with no npm deps, cwebp for thumbnails, YouTube embeds, reads from spoolcast-content as a sibling repo. ## Links [Site or demo]() ## Related build notes [video showcase on artlu.ai]() Status and dates describe the published record, not a recent test of an external service. Missing details are not inferred. Public links do not imply an open-source licence or permission to reuse material. [Directory]()