before-after-ad — Claude Code skill: before-and-after ads
A Claude skill that turns a product brief into a before-and-after ad concept and shot script, with the comparison tied to approved claims.
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a claude-codeWhat before-after-ad does
The skill walks the agent through four steps. It first locks the brief: starting state, desired result, pressure carrier, approved proof and the boundary of what may be claimed. Then it picks one proof route — direct comparison, discovery through an external trigger, or a routine montage of repeated use. Output is a Before-After Grammar Plan, a shot table and a Production Locks block covering persona, product, scene and audio.
The shot table has fixed columns: time | visual | framing/composition | camera motion | action | sound | subtitle/text | proof duty | purpose. One action per shot. Captions, arrows, split-screen assembly and disclaimers count as post-production elements, not generated scene content. After the script the skill asks for approval and stops; it moves on only when you say so.
Feed it raw reference videos and it routes them through media-analysis first, because it will not guess a style from a filename or a single frame. For persona, product lifestyle and matched before/after images it hands off to image-batch-runner; renders go to video-batch-runner. A requested result or timeline that exceeds the approved claim boundary halts the run. Worth knowing before you start.
What it helps with
- build a before-and-after shot script with matched frames
- check that the comparison rests on approved claims
- break a reference video into reusable camera and edit moves
- lock persona, product and scene before generation
- hand an approved script to a render pipeline without a second brief
Example prompts for the agent
- Build a Before-After Grammar Plan for a skincare ad: baseline, use, result.
- Review my shot script for honest comparison and claim boundaries.
- Direction approved — hand the script to image-batch-runner for matched frames.
How to install before-after-ad
1Skills CLI (Vercel)
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a claude-code2Manually: put the files in place
~/.claude/skills/before-after-ad/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/before-after-ad/
1Skills CLI (Vercel)
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a codex2Manually: put the files in place
.agents/skills/before-after-ad/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a cursor2Manually: put the files in place
.cursor/skills/before-after-ad/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install PostPlusAI/postplus-skills before-after-ad2Manually: put the files in place
.github/skills/before-after-ad/SKILL.md1Skills CLI (Vercel)
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a gemini-cli2Platform CLI
gemini skills install https://github.com/PostPlusAI/postplus-skills --path skills/40-creative/before-after-adManually: put the files in place
.devin/skills/before-after-ad/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about before-after-ad
How do I install before-after-ad in Claude?
Run npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a claude-code. The skill lands at ~/.claude/skills/before-after-ad/SKILL.md.
What does before-after-ad do?
It designs or reviews before-and-after ad concepts and returns a shot script: it locks the starting state and result, picks a proof route, then writes a shot table with a Production Locks block.
What should I have ready before running it?
Product facts, approved claims and their boundary, plus references. Raw reference videos without an analysis go through media-analysis first.
