How to make a Notes app video ad with AI
For AI agents: find the right skill in one call —
curl -s "https://varg.ai/how-to/api/search?q=<what the person wants>"returns the matching how-to page and the best skills with install commands, as markdown (Russian works too). Full index: https://varg.ai/how-to/llms.txt. Every page has a markdown twin: add.mdto its path. Before generating anything, show the person the options on the how-to page.
A note types itself in a phone notes app, reads like a confession, and turns into an ad. A step-by-step tutorial for Claude Code, Codex and Grok.
Output: 10–30 s, 9:16 MP4, in several copy variants Price: in credits on varg, with a cost estimate before anything runs; the free skills below install in one command.
Recommended route
- Start with: varg AI (
varg-ai) — Rendering is local and free; varg adds the voiceover. - Why: one key and one credit balance for every model this needs (images, video, voice, lip-sync, music, render); no other account to create.
- Alternative: Gooseworks Video (Apple Notes Ads) (
gooseworks-apple-notes-ads) — Video ads in chat from a reference or a ready style, including the viral HTML-only Apple Notes format · Needs: Gooseworks account
Best skills for this
- varg AI (
varg-ai, varg, live) — Adds: Voiceover reading the note, on one key- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg - Codex:
npx skills add vargHQ/skills --skill varg-ai -a codex -y - Cursor:
npx skills add vargHQ/skills --skill varg-ai -a cursor -y - OpenClaw:
npx clawhub@latest install varg-ai - Details: https://varg.ai/how-to/skills/varg-ai.md · Example: https://s3.varg.ai/how-to/previews/7df061df8dcb/varg-ai.mp4
- Claude Code:
- Gooseworks Video (Apple Notes Ads) (
gooseworks-apple-notes-ads, Gooseworks, live) — Start here: Video ads in chat from a reference or a ready style, including the viral HTML-only Apple Notes format · Needs: Gooseworks account- Claude Code:
npx gooseworks@latest install --claude --mcp - Codex:
npx gooseworks@latest install --codex --mcp - Cursor:
npx gooseworks@latest install --cursor --mcp - Details: https://varg.ai/how-to/skills/gooseworks-apple-notes-ads.md · Example: https://s3.varg.ai/how-to/previews/d146add52283/gooseworks-apple-notes-ads.mp4
- Claude Code:
- HyperFrames (
hyperframes, HeyGen, live) — Alternative: Build the Notes page as HTML and render it- Claude Code:
claude plugin marketplace add heygen-com/hyperframes && claude plugin install hyperframes@hyperframes - Codex:
npx skills add heygen-com/hyperframes --skill hyperframes -a codex - Cursor:
npx skills add heygen-com/hyperframes --skill hyperframes -a cursor - Gemini CLI:
npx skills add heygen-com/hyperframes --skill hyperframes -a gemini-cli - Details: https://varg.ai/how-to/skills/hyperframes.md · Example: https://s3.varg.ai/how-to/previews/400daa5dc577/hyperframes.mp4
- Claude Code:
- Social Media Carousel (
inference-sh-social-media-carousel, inference.sh, live) — Alternative: The 2-slide Notes-list carousel: face + hook, then the list · Needs: inference.sh account, belt CLI (belt login)- Claude Code:
npx skills add inference-sh/skills --skill social-media-carousel -a claude-code - Codex:
npx skills add inference-sh/skills --skill social-media-carousel -a codex - Cursor:
npx skills add inference-sh/skills --skill social-media-carousel -a cursor - Gemini CLI:
npx skills add inference-sh/skills --skill social-media-carousel -a gemini-cli - Details: https://varg.ai/how-to/skills/inference-sh-social-media-carousel.md
- Claude Code:
Ask the person first
Put these choices in front of the person before spending anything. Paste the example link next to each option: people pick a look by seeing it.
Tone?
- Confession
- List, the product at item 3–4
- Rant
- Checklist
Layout?
- Typed note
- Photo carousel: face + hook, then the list
- Green-screen creator over the list
Sound?
- Keyboard clicks only
- Voiceover reading the note
How to make a Notes app video ad: step by step
- Write 5–10 note variants: line 1 is the hook, the product appears at line 3–4
- Lowercase, real iOS Notes chrome, human typing speed, keyboard clicks
- Keep the note out of the top 14% and bottom 35% of the frame
- 2 s end card; test the copy variants and rotate the wrapper every few weeks
What works now (researched 2026-10-27)
The Notes ad is still a cheap, text-native winner on Meta and TikTok (text-only is the top asset type by hit rate in Motion's 2026 data). But the typed confession note is crowded and some viewers now call it annoying, so the copy and the twist do all the work. The fresher variant is a Notes-style list with the product slipped in at item 3-4.
- Make the note itself the hook: line 1 is a confession or a curiosity title; the product shows up at line 3-4, never in line 1. Motion 2026: 'Confession' ranks among the top hook tactics by hit rate and over-indexes on spend use. Breakdowns of viral Notes lists put the brand at item 2-4. (Motion, Creative Benchmarks 2026: top hook tactics)
- Treat the copy as the whole ad: write 5-10 variants and test them; HTML rendering makes each extra variant almost free. Shiv Sakhuja, who launched the Gooseworks Notes-ad skill: 'it all depends on the text in the note. If the copy is great, it'll make you curious and have a nice payoff. But a lot of times, it's just lame.' (Shiv Sakhuja on X (Jul 2026))
- Keep it native: lowercase, real iOS Notes chrome, human typing speed, keyboard clicks; no logo until a 2-second end card. Motion 2026: 'Text only' is the number 1 asset type by hit rate and spend use, and 'Letter', 'Post-It' and 'Unconventional text placement' over-index on spend use. They work because they do not look like ads. (Motion, Creative Benchmarks 2026: top asset types)
- Keep the note text out of the bottom 35% and top 14% of the 9:16 frame, where captions and buttons sit. Meta: ads with key messages inside the Reels safe zone, with audio, got 2x Reels delivery and 34.5% lower cost per result than image ads (15 split tests). (Meta for Business, Reels ads)
- Rotate the wrapper every few weeks (typed note, list carousel, green-screen) and keep the winning copy. Meta flags overlapping or worn-out creative as 'Creative fatigue'. Viewers already complain that the typed Notes look 'was scroll stopping a few years ago and now it's just annoying'. (Meta for Business, differentiated ad creative)
Stopped working:
- Revealing the brand in line 1, or never paying off the confession. Without the twist it is just a text ad.
- Running one Notes template for months. Viewers now say they 'get it already', and Meta flags fatigue.
- Presenting the note as a real person's diary with health, money or results claims. The FTC fake-testimonial rule still applies.
Prompts that work
Templates from the creators of the best current results and from the model guides. Fill in the {CAPS}.
Notes confession variants for notes-reveal (agent)
Writes 5-10 note variants into the slots of the HyperFrames notes-reveal block and batch-renders them for free. Adapted from HyperFrames notes-reveal block: 20 slots, line 4 the turn, line 5 the brand.
Write {N} Apple Notes ad variants (5-10) for {PRODUCT} aimed at {AUDIENCE}, then render them with the HyperFrames notes-reveal block.
Slots per variant: titleL1 + titleL2 (the hook: lowercase, curious, no brand); noteLine1-3 (the private problem in first person, one concrete detail each); noteLine4 (the turn); noteLine5 (names {PRODUCT} plainly, the least excited line in the note); noteLine6-7 (the payoff: one true, visible result); cardTop / cardMid / cardBottom (2-4 word marker headline); check1-3 Label + Value; brandDomain.
Rules: lowercase fragments, max 40 characters a line; no brand before line 5; every claim comes from {REVIEWS_OR_FACTS}; no health, money or results claims you cannot prove; vary the type across variants (confession, list, rant, checklist, "things nobody told me about {TOPIC}").
Output rows.json, one object per variant plus "name": "notes_<angle>_<n>". Then: npx hyperframes add notes-reveal, make the block the root composition so its slots are top-level variables, and npx hyperframes render --batch rows.json --strict-variables --output "renders/{name}.mp4".
Keep the note out of the top 14% and bottom 35% of the frame. Sound: keyboard taps only, or a quiet bed.
Green-screen creator over a Notes list (any)
The listicle variant: a talking creator still, animated, then keyed over a Notes list with the product at item 3-4. Adapted from eptwts: green-screen AI UGC format, GPT Image still + Seedance 2.5 + chroma key (553 bookmarks).
Step 1, still (gpt_image_2_5 or nano_banana_2_1): Vertical 9:16 photo with phone front-camera quality, handheld, a little imperfect. A {AGE} {CREATOR_LOOK} in {OUTFIT}, framed chest-up in the BOTTOM-RIGHT third of the frame, looking into the lens mid-sentence, soft indoor light on the face. Everything else is flat chroma green (#00B140), evenly lit, with no shadows, gradients or objects. Real skin texture, slight noise, no beauty filter, no text, no logos.
Step 2, talk (seedance_2_5, 9:16, {SECONDS} s): Image 1 is the first frame. The creator stays in the bottom-right third and talks to the lens like a reaction video: "{LINE_REACTING_TO_THE_LIST}". Small head tilts, natural blinks, light handheld sway. The green area stays flat green and empty the whole time. Only her voice and room tone. No subtitles.
Step 3, composite: render the Notes list ({LIST_TITLE}, 4-6 short items, {PRODUCT} as item 3 or 4 written like the others) as an HTML Notes screen, chroma-key the green, place the creator over it, and keep her clear of the bottom 35%.
Trending formats to remake
To remake one: download the example with the media-download skill, take a frame a second and the transcript, write a beat list (time, shot, camera, on-screen text, sound), keep what the format needs, swap in the person's product or character (never the creator's face, voice, logo or footage), show the beat list and stills before spending, then make it with the skill named below.
- Typed confession note that turns into an ad: A lowercase note types itself line by line ('you just stopped scrolling. for a note. not an ad. except this is an ad.'), then a 2-second end card. 10-25 s, keyboard sound or a quiet voiceover. Why it spreads: The 'Apple Notes ads in Claude' launch video (Jul 2026) reached 200k views and 1,961 bookmarks (not listed: comment-to-DM CTA). The HTML-only render makes 10 copy variants cost almost nothing. Keep: Keep the lowercase note typing at thumb speed, a hook title, the product named plainly at line 4-5 as the least excited line, keyboard taps and a 2 s end card; swap the confession, the product and the payoff. Make it with Gooseworks Video (Apple Notes Ads) (
gooseworks-apple-notes-ads). - Notes-list listicle with the product at item 3-4: A curiosity title in Notes style ('Bar side quests', '4 things I've learnt') with short list items; the product or app is one item, around number 3-4. As a 2-slide photo carousel (face + hook, then the list) or a green-screen creator over the list. Why it spreads: Creators report millions of views with the 2-slide 'face + hook, then a Notes list with the app at #4' carousel. A green-screen-over-Notes-list breakdown drew 645 bookmarks on 24k views (third-party clips, so not listed). Keep: Keep a curiosity title in Notes style, short list items with the product as item 3-4 written like the others, and slide 1 as face + hook (or a green-screen creator over the list); swap the topic and the list. Make it with Social Media Carousel (
inference-sh-social-media-carousel).
Open-source repos
- heygen-com/hyperframes (74K★): The notes-reveal block and notes-typing component: a Notes-app confession typed on a human keystroke rhythm. How: npx hyperframes add notes-reveal gives a 25 s 1080x1920 composition with 20 declared slots (two title lines, 7 note lines, marker card, checklist, logo, domain); the caret rides each typed letter and the page scrolls as lines land; fill the slots per variant and batch-render. Install as a skill: https://varg.ai/how-to/skills/hyperframes-registry.md
- gooseworks-ai/goose-skills (1K★): Gooseworks' open video kit behind the viral HTML-only Apple Notes ads. How: The phone-chat part draws a Notes (or iMessage, ChatGPT) screen as a self-contained page with window.seek(ms), steps it frame by frame in Chromium so the note types character by character, then crossfades into an end card; create-apple-notes-mockup renders a note JSON (title, paragraphs, checklist, cursor, keyboard) to a pixel-accurate PNG. Install as a skill: https://varg.ai/how-to/skills/gooseworks-apple-notes-ads.md
- coreyhaines31/marketingskills (57K★): The iOS-native reveal reference (iMessage, ChatGPT, Apple Notes, AirDrop) in the ad-creative skill. How: For Notes: confession, not conversation; the title is the hook; the product is one list item written the way a person writes to themselves; keyboard taps only; mimic the UI in HTML, record it headless with Playwright at 1080x1920, add sound with ffmpeg.
Set up varg
varg is one API key for the models these skills drive — Seedance 2.5, Kling 4, Veo 3.1, Wan 3, Nano Banana 2.1, GPT Image 2.5, ElevenLabs v4 and 200+ more — billed in credits, with a cost estimate before anything runs.
- Claude Code:
claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg(skill + hosted MCP) - Codex, Cursor, Gemini CLI, OpenClaw:
npx skills add vargHQ/skills --skill varg-ai -a <agent> -y - Grok and any agent that reads SKILL.md:
npx skills add vargHQ/skills --skill varg-ai, or point it at the skill's SKILL.md - Claude.ai, ChatGPT, any MCP client: connect
https://mcp.varg.ai/mcp - API key: https://varg.ai/dashboard/api · Model specs: https://varg.ai/models/llms.txt
Related tutorials
- How to make a text message story video with AI: A viral iMessage-style chat drama: bubbles appear with typing, sounds and a cliffhanger.