Scene 01 · Take 1
Design sample deck
Pre-production for the
AI micro-drama stack.
Five screens recreating the twelve-stage frontend in the proposed dark theme. Built so the team can scrub through, react, and lock the direction before Phase B1 ships.
React 18 · Vite · TS strict
Tailwind 3 + shadcn/ui
claude.ai-style split workspace
12 stages · 5 gates · 6 orchestrators
Reel · 5 samples
Sample screens
Click any card to walk through the flow end-to-end.
01 · Entry
Studio Selection
Six studio cards, status badges, floating action buttons. The cinematic landing screen.
02 · Stage 1
Genre Selection
Sidebar progress + 40-genre grid + audience region + max-3 chip rule.
03 · Stage 2
Style Selection
Nine-family accordion · 23 standalone looks · custom-aesthetic slot.
04 · Unlock gate
Script Generation
Episode config · six sub-step tabs · "Generate Premises" CTA. The unlock gate.
05 · Global modal
Intelligence Center
Director's Notes · Council Debates · Genre DNA (the killer feature).
Notes for the team
· Palette: dark only · per current direction
· Primary CTA: orange → pink gradient
· Active accent: #f97316
· Secondary accent: #00d4aa
· Sidebar = 12-stage progress tracker
· Stages 5–11 lock until script artifact exists
· All cross-links work — walk the flow start to finish
© 2026 EPIC CoDirector
·
prototype for team review
build · 2026-05-11