Social Overlays: CTAs, reviews and live badges that convert — workflow skill for ads & UGC

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 .md to its path. Before generating anything, show the person the options on the how-to page. From a terminal: curl -fsSL https://varg.ai/install | sh installs the vargai CLI (https://varg.ai/how-to/cli.md): vargai search and vargai install <slug> with no key, every varg model after vargai login.

CTA pills, follow and subscribe prompts, review cards, LIVE badges and counters in one 9:16 safe box, timed after the payoff, real data only.

Type: Workflow · Ads & UGC
Slug: social-overlays
Status: live
Publisher: varg (varg, verified)
License: MIT
Source: https://github.com/vargHQ/skills/tree/main/social-overlays
Works in: Claude Code, Codex, Cursor, Gemini CLI, OpenClaw, varg Studio
Requires: Node 22 + ffmpeg (HyperFrames) or a Remotion 4 project
Cost: Free: renders locally with HyperFrames, Remotion or ffmpeg. Generated footage, voice or music is billed in varg credits with an estimate first.
Runtime: Minutes per template, mostly render time

What it does

Eleven overlays that ask the viewer to do something, placed where no platform UI covers them and timed after the video has earned the ask. Reviews, comments and counts are always the person's real data.

11 templates, 46 presets. Every rule in the skill cites its source; every preset is exact values (durations, easing, sizes, colors, fonts) in a JSON file the agent loads.

Template	Presets
Story caption bar: Full-width translucent caption strip or big outlined text, Snapchat-story style	Classic bar, Big text, Classic multi, Light bar
Video comment callout: A real viewer comment (plain, pinned, creator reply or reply sticker) over footage	Comment, Pinned, Creator reply, Reply sticker, Dark
CTA pill pop: A follow / shop / watch-next button that pops in over footage and names one next step	Floating pill, Glass button, Early deal, End tap
Follow tap prompt: Creator card whose Follow button gets clicked or tapped and flips to Following	TikTok-style, Instagram-style, Twitch-style, X-style
LIVE badge and viewer count: LIVE pill with pulsing dot and ticking viewer count in a corner	Instagram-style, TikTok-style, Twitch-style, YouTube-style
Notification drop: System-style notification banner or achievement toast that lands a beat	iOS-style banner, Dark banner, Android-style, Achievement
Photo wall loop: Columns of photo cards scrolling at different speeds, seamless loop	Three column, Opposing, Tilted, Landscape rows
Review proof card: Real customer review or rating over footage as social proof	App-store style, Local review style, Review-platform, Marketplace style, Rating badge
Story sticker tag: Stories-style @mention, location or post-tag sticker over footage	Mention, Location, Post tag, Glass mention
Subscribe-and-bell nudge: Cursor clicks Subscribe, then the bell, as a short reminder overlay	Subscribe, Subscribe and bell, Highlight, Vertical
Follower counter and goal bar: Subscriber/follower number rolls up to a milestone, or a goal bar fills	Channel counter, Milestone pop, Goal bar, Stream goal

Rules every template follows

Universal 9:16 box: x 120–888, y 288–1248 at 1080x1920, and x ≤ 780 below y 840 (TikTok rail). From TikTok's template, Meta Reels (14/35/6%), Google Shorts SVG (288/672/48/192), Snap (150/330).
Real data only: reviews, comments, follower/viewer counts are inputs with a permission flag, never generated (FTC 2024 fake-review rule).
Disclose paid content in the video, spoken and on screen, near the endorsement.
Ask after value: hook ≤6 s, proposition ≤3 s, CTA at the end or right after the payoff; intro subscribe asks hurt retention; early CTA only when the hook carries a deal.
Name the exact action, content-specific; test 2 CTA texts per video.
Enter cubic-bezier(0.05,0.7,0.1,1) 0.3–0.45 s; exit cubic-bezier(0.3,0,0.8,0.15) 0.2–0.25 s; pops back.out(1.7).

Built from: TikTok / Google / Meta / YouTube / Apple primary docs; FTC; Trustpilot; Paddy Galloway (@PaddyG96); Spiegel Research Center; Barry Hott (@binghott); Dara Denney (@DenneyDara); Motion creative analytics; @YouTubeCreators; Nick Nimmin; Cody Wanner; jack friks (@jackfriks).

Renders locally with HyperFrames or Remotion for 0 credits; generated footage, voice or music runs through varg with a cost estimate first.

Use when

How to add a call to action button to a TikTok video
TikTok Reels Shorts safe zone for text and CTA 1080x1920
How to make an animated subscribe button with bell for YouTube
How to show customer reviews in a video ad legally
How to make a reply-to-comment video with the comment sticker
How to animate an iPhone notification popping up in a video

Not for

Write 10 fake 5-star reviews to put in the ad (use nothing: fake reviews are not allowed)
Check my ad for TikTok Shop policy problems (use ai-ad-compliance-check)
Generate a UGC creator talking about the product (use ai-ugc-ad-video)

Install

Claude Code: claude plugin marketplace add vargHQ/skills && claude plugin install varg@varg
Codex: npx skills add vargHQ/skills --skill social-overlays -a codex -y
Cursor: npx skills add vargHQ/skills --skill social-overlays -a cursor -y
OpenClaw: npx clawhub@latest install social-overlays
Gemini CLI: npx skills add vargHQ/skills --skill social-overlays -a gemini-cli -y
Any agent, with the vargai CLI: vargai install social-overlays

Example output

https://s3.varg.ai/files/72c55813-c0fa-4cf2-9f64-ec4f7ed0e7ae/file_9ca4d102807c.mp4 — example (credit: varg)

More ads & UGC skills

Ecommerce video ad skills for Claude Code and AI agents: Product videos that sell on TikTok, TikTok Shop, Reels and Meta: angle, hook, format, script, rules, variants.
Turn a product into scroll-stopping video hooks: The first 3 seconds of a product video: frame, line and text that agree, from a 70-line hook bank.
Open-source alternative to Arcads: AI UGC ads: AI UGC ads with an AI actor holding your real product: face, voice and label locked, labelled.
Turn one winning ad into a creative testing plan: How many ads to test, what to change, when to judge, kill or scale — concepts Meta sees as different.
Turn a product into a dropshipping guide reel: The faceless "comment GUIDE" reel: product hook, a marker pointing at cost and price on a laptop, a skyline ending.
Turn product photos into a viral product hook: Find a hook that already sells, then remake it with your product as phone or security-cam footage on Seedance 2.5.