# before-after-ad

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.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 465 installs · ★ 27
- Author: PostPlusAI
- License: LicenseRef-Unknown · policy=link-only · description only; the file stays with the author
- Source: https://github.com/PostPlusAI/postplus-skills/tree/HEAD/skills/40-creative/before-after-ad/SKILL.md
- Updated: 2026-10-22
- HTML: https://affpapa.org/en/nevibecode/skills/before-after-ad

## What it 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.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/before-after-ad/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/before-after-ad/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/before-after-ad/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/before-after-ad/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install PostPlusAI/postplus-skills before-after-ad
```

2. **Manually: put the files in place**
- File: `.github/skills/before-after-ad/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/PostPlusAI/postplus-skills --path skills/40-creative/before-after-ad
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/before-after-ad/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add PostPlusAI/postplus-skills --skill before-after-ad -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/PostPlusAI/postplus-skills/tree/HEAD/skills/40-creative/before-after-ad/SKILL.md

## When to use it
- 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
- 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.

## Similar
- [before-and-after](https://affpapa.org/en/nevibecode/skills/before-and-after.md) — skill · 2900 installs
- [visual-formats](https://affpapa.org/en/nevibecode/skills/visual-formats.md) — skill · 487 installs
- [creative-director](https://affpapa.org/en/nevibecode/skills/smixs-creative-director.md) — skill · 1000 installs
- [ad-hook-analyzer](https://affpapa.org/en/nevibecode/skills/ad-hook-analyzer.md) — skill · 20300 installs
- [conversational-ad-copy](https://affpapa.org/en/nevibecode/skills/conversational-ad-copy.md) — skill · 19900 installs
- [ads-creative](https://affpapa.org/en/nevibecode/skills/ads-creative.md) — skill · 4100 installs

From the same set: [postplusai/postplus-skills](https://affpapa.org/en/nevibecode/by/postplusai/postplus-skills.md) — 6 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md