2 Curated Playwright Prompts

Playwright Prompts

Production recipes and workflows categorized under #playwright.

dawood46
@notdwd

Launch video

✦ClaudeLaunch video

12s launch animation via seek(t) + Playwright + ffmpeg

Full technical brief: 1920x1080 at 30fps, one HTML seek(t) renderer, synthesized sound, and 5 stills critiqued before render.

12s launch animation via seek(t) + Playwright + ffmpeg by dawood46
Make a 12s motion video in code (1920x1080, 30fps, one HTML file drawing every frame from a single seek(t) function, rendered with Playwright + ffmpeg, with original synthesized sound). Story: a dark prompt pill on an off-white page types "make a launch video" with a real keystroke rhythm → enter, the button flashes orange and the pill slides up → a 12-frame filmstrip stamps in left to right, one frame per beat at 120 BPM; each frame shows one pose of an orange ball's bounce (squash on contact, stretch mid-air, real arcs) → a playhead sweeps the strip while a big viewer above plays the poses as a flipbook, twice, faster the second time → the strip slides away, "every frame is code." fills the screen, and the ball arcs over and lands as the period. Rules: arrive fast, land soft (cover 12–19% of the remaining distance per frame); nothing ever freezes (slow push on every hold); stagger 2–4 frames; blur only on fast moves; big and readable on a phone; off-white, ink and one orange only. Sound: a tick per key, a click on enter, a rising note per frame stamp, a thump when the ball lands. Show me 5 stills first (typing, strip half-built, flipbook, headline, last frame), critique them like a harsh motion director, fix the 3 worst problems, then render.
·18.1k uses·View original
Alexandre
@xelandre__

Pipeline

✦ClaudePipeline

Code-driven animation pipeline (Playwright + ffmpeg)

Spells out the pipeline: a time-based HTML/JS page captured by headless Chrome, assembled with ffmpeg plus motion blur and sound.

Code-driven animation pipeline (Playwright + ffmpeg) by Alexandre
Code-driven animation: an HTML/JS page where every frame is calculated from the time, captured frame by frame with headless Chrome (Playwright), then assembled with ffmpeg into an MP4 with motion blur and code-generated sound.
·169 uses·View original