Flora period-tracking app ad with a calendar screen
1K views·5 likes·9 saves·Posted 25 Sept 2026 · 0:26 · Motion Graphics
Our note
A promotional video for the Flora menstrual calendar app, showing a phone mockup of its calendar screen over a soft pink gradient, built from the creator's own reference photos and clips using JavaScript, Playwright, and FFmpeg.
The creator’s post
Mandei o Opus 5.5 fazer um video do Flora passando só uns videos e umas fotos que deixei em uma pasta pra ele acessar e esse foi o resultado. Vou deixar o prompt no comentário.
The prompt
Product ad brief with assetsDentro da pasta do flora tem uma outra pasta chamada "ads" com videos e prints do Flora(Caso queira usar como referencia). Use apenas: JavaScript, Playwright e FFmpeg. Faça um vídeo moderno, elegante e impactante para meu produto. https://apps.apple.com/pt/app/flora-calend%C3%A1rio-menstrual/id6789702093
Make one like this
1 · Copy the prompt
Use the prompt above as your starting point, then change the subject and the style.
2 · Direct it like an editor
Ask for one self-contained HTML file on a fixed 1920×1080 stage, link this video as the reference, and send two or three rounds of specific notes.
3 · Render it to MP4
Screen-record a short piece, or capture it frame by frame for exact timing. How →
How it was made
The creator didn’t name their tools. Most videos like this are HTML, canvas or SVG animation written by Claude and screen-recorded or rendered to MP4. How that works →
Look
Views as of collection. Video, post and prompt © their creator.
Create with Zryth