create-apple-notes-video-ad
create-apple-notes-video-ad
Use this skill when an ad concept calls for an authentic Apple Notes typing reveal: a note appears with a pre-existing first line, then the user "types" the rest in front of you (more lines, more thoughts, a CTA) — punctuated by iPhone-keyboard ticks. Finishes on a brand end card.
Purpose
Produce a 9:16 social-native ad that recreates the iPhone Apple Notes typing experience: the note opens with 1–2 pre-existing lines, then progressively types additional paragraphs character-by-character with per-keystroke iPhone keyboard SFX, a music bed underneath, and a brand end card with CTA. The whole typing portion is captured as one continuous Playwright recording (no per-paragraph reloads, no scene-by-scene concatenation) so there are no micro-flickers — the only cut is a 300ms crossfade into the static end card.
The driver in scripts/record-master.template.js renders the Apple Notes screen once via the create-apple-notes-mockup atom (generateHtml()), tags the typed paragraphs, then walks a deterministic seeded timing table on requestAnimationFrame, appending one character at a time to a growing span.typed while the yellow cursor follows and the note auto-scrolls to stay above the keyboard. The same table produces a keystroke-aligned SFX cue list (master-typing.sfx.json), and scripts/stitch.template.sh mixes the music bed + per-keystroke SFX (kb-tick/kb-space/kb-return), crossfades typing → end card, and exports a master MP4 (1180×2100) plus a clean 9:16 (1080×1920) social cut.
Reach for this when the punchline is the note itself — a written-out promo code, a confession, a checklist, a calm "memo to self". For a back-and-forth chat reveal, use create-imessage-video-ad instead.
Reference build
Sample run lives at tests/output/sample-run/ (generated by bash tests/run-all.sh). It uses the canonical script "Hello / This is a screen recording of me typing on apple notes app." with three typed paragraphs landing on I'm not sure how th| mid-word, ending on a "FREEDEMO" end card. 12s total.