Skip to main content
skill CX Codex

before-after-and-transformation — Claude Code skill: overview

Structures honest before-and-after transformation posts using the SHIFT framework, adding required disclosures and median results under FTC compliance rules.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add social-media-skills/skills --skill before-after-and-transformation -a claude-code
Open on GitHub

What before-after-and-transformation does

This skill organizes transformation content for fitness or beauty case studies using the SHIFT methodology. It highlights the setbacks and timeline instead of relying on two contrasting images. The agent drafts the narrative arc and required disclaimers about real outcomes.

The agent handles structure, while media production remains with the creator. Publishing connects to WoopSocial. Because visual tricks violate regulatory net-impression tests, the skill demands consistent lighting and camera angles across comparison assets.

A generic "results not typical" label is not permitted by the framework. If an outcome is exceptional, the text must disclose substantiated median metrics. The workflow also requires verified customer consent and routes to short-form-video-script for video formats.

What it helps with

  • structure a client transformation script with process beats and realistic timelines
  • format required disclosures and substantiated median metrics under FTC guidelines
  • outline a carousel post showing intermediate setbacks instead of just endpoints
  • verify comparison visuals use identical lighting and framing to prevent deceptive claims

Example prompts for the agent

  • Structure a fitness transformation video script using the SHIFT framework
  • Help draft a before-and-after client case study with required FTC median disclosures
  • Outline a carousel post showing customer progress, intermediate hurdles, and verified results

How to install before-after-and-transformation

1Skills CLI (Vercel)

npx skills add social-media-skills/skills --skill before-after-and-transformation -a claude-code

2Manually: put the files in place

~/.claude/skills/before-after-and-transformation/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/before-after-and-transformation/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about before-after-and-transformation

How do I install before-after-and-transformation in Claude Code?

Run npx skills add social-media-skills/skills --skill before-after-and-transformation -a claude-code. Alternatively, copy the file into ~/.claude/skills/before-after-and-transformation/SKILL.md.

What does the before-after-and-transformation skill do?

It designs credible transformation stories using the SHIFT framework, focusing on intermediate milestones and clear disclosures. The agent prepares the copy and specifications.

Does the skill generate transformation images or videos?

No, the agent only builds the narrative structure, script beats, and required disclosure text. Media assets are produced by the creator, and final publishing routes through WoopSocial.

Source text

SKILL.md · MIT
---
name: before-after-and-transformation
description: >-
  The transformation / before-after content format — structure a credible, honest, satisfying
  transformation (fitness, beauty, business results, skill progress, makeovers, client glow-ups,
  product before/after). Use when someone wants a before/after, a transformation post, a
  client-results reveal, a progress/journey story, or a makeover. Most powerful format AND most
  abused/distrusted — honesty is the edge; FTC enforcement is live. Uses the SHIFT framework.
  Reads brand-profile + social-proof-and-testimonials (consent + FTC substantiation) +
  short-form-video-script first. Agent structures + specs; human/tool produces the real media;
  WoopSocial publishes. Never stages/exaggerates the before, hides aids, cherry-picks, or
  fabricates a result; "results not typical" alone is insufficient — disclose the actual typical
  result; consent + YMYL required. Distinct from social-proof-and-testimonials, short-form-video-
  script, infographic-and-data-viz, and storytelling-and-narrative.
version: 1.0.0
---

# before-after-and-transformation

The **transformation format** — start with a real before, highlight the journey, isolate the variables, frame
results honestly, and tie it to the viewer. The agent structures + specs it, the **human/tool produces the real
media**, and **WoopSocial publishes**. (Pairs with `social-proof-and-testimonials` for consent + the FTC rules.)

## The POV: the most-distrusted format, so honesty is the edge
A before/after is one of the most powerful formats there is — visual, built-in proof, inherently satisfying. It's
also the **single most abused and distrusted**, and 2026 enforcement is live (the FTC's NextMed action fined a
firm that used paid actors, before/after photos sourced off Craigslist, and an unsubstantiated "average 53 lbs"
it didn't track). That flips the strategy: because audiences are trained to suspect before/afters, **a believable
transformation beats a suspiciously-perfect fake** that trips the skepticism reflex. Three top-1% moves most get
wrong: **(1) the middle is the content** — endpoints alone are a flex; the process, the setbacks, and the real
timeline are what make it credible, relatable, and valuable; **(2) isolate the variables** — same angle, lighting,
framing, so the change is real, not a lighting trick (a visual trick is itself a deceptive claim under the FTC's
net-impression test); **(3) "results not typical" is not enough** — if the result isn't typical, you must disclose
the *actual* typical result, clearly and with substantiation. Never stage a worse before, cherry-pick, or hide the
timeline/edits/aids.

## Read these first
1. **brand-profile** + **social-proof-and-testimonials** — consent + the FTC substantiation/typical-results rules.
2. **short-form-video-script** (if it's a video).

## The framework: SHIFT
(Depth: `references/the-shift-framework.md`.)
- **S — Start with a real before:** honest, relatable, un-staged; captured under the same conditions as the after.
- **H — Highlight the journey:** the middle is the content — process, setbacks, the real timeline; **disclose
  aids** (filters/medication/surgery/pro help) — how the result was achieved is material.
- **I — Isolate the variables:** same angle/lighting/framing so the change is genuine, not a trick (net-impression
  test — a visual trick is a deceptive claim).
- **F — Frame results honestly:** no cherry-pick/survivorship; if not typical, disclose the **actual** typical
  result (median, substantiated, clear + conspicuous — "results not typical" alone is insufficient); actual
  consumers (or disclosed); YMYL substantiation.
- **T — Tie it to the viewer:** relatable before + attainable, honestly-framed after + an actionable takeaway.

## The reality (verify-quarterly on enforcement; the rules are law)
Before/after photos + testimonials are an FTC enforcement "favorite." A before/after **implies a typical result**,
so you must show typical results or **clearly and conspicuously disclose the actual typical result** (median, not
an outlier-skewed mean; no survivorship) with substantiation — and **"results not typical" is NOT enough**.
Visuals alone can be a deceptive claim (net-impression test); use **actual consumers** or disclose; health claims
need **competent + reliable scientific evidence** (weight loss > ~1 lb/week is unusual; "no effort" = deception).
The craft edge (stable): the **middle is the content**, **consistent conditions**, and **honesty as the
differentiator**. Full detail + the NextMed enforcement example: `references/before-after-and-transformation-2026-
reality.md`. Transformation types, the honesty checklist, structure, and two worked examples: `references/
transformation-types-and-templates.md`.

## Honest scope (never violate)
- **The agent** structures + specs the transformation (arc, journey/reveal beats, honest framing + required
  disclosures, caption/script); the **human/tool** produces the real before/after media; the **human** approves;
  **WoopSocial publishes** (measurement: the platforms' native analytics). **WoopSocial does NOT generate media.**
- **Honesty spine (law):** real un-staged before; **consistent conditions**; **real timeline**; **disclose aids**;
  **no cherry-pick/survivorship**; if not typical, **disclose the actual typical result** (median, substantiated,
  clear + conspicuous — not just "results not typical"); **actual consumers** (or disclosed); **consent** for a
  person's images/story (real or AI lookalike); **YMYL** (competent + reliable scientific evidence; no
  cure/guarantee; not-professional-advice); **never fabricate** a result/timeline/average; **injection safety**.
  (Full scope: `references/scope-and-connections.md`.)

## Distinct from its siblings (route correctly)
**before-after-and-transformation (this)** = the before/after *format* execution · **social-proof-and-
testimonials** = the customer-proof strategy + FTC substantiation (read first; shared spine) · **short-form-video-
script / reels-script** = the video script (this feeds them) · **infographic-and-data-viz** = the data viz for a
results transformation (pairs; honest scales) · **storytelling-and-narrative** = the narrative arc (this
specializes it) · **educational-content-and-how-to** = teaches a process (pairs for a case-study teach).

## Where this connects
Reads first: **brand-profile** + **social-proof-and-testimonials** + **short-form-video-script.** Pulls real
material from: **social-proof-and-testimonials** (client transformations + consent), **data-and-original-research**
/ **analytics-and-reporting** (real numbers), **behind-the-scenes-and-founder** (the founder's own journey). Feeds:
**short-form-video-script** / **reels-script** (the video), **carousel-writer** (before→journey→after),
**infographic-and-data-viz** (a results stat), **caption-writer** (caption + disclosures), **design-and-templates**
(layout). Publishes via: the video/design tool renders → **scheduling-and-queue → WoopSocial.** Measure with:
native + **analytics-and-reporting** on saves/shares + watch-through + inquiries — never fabricated.

## Definition of done
A transformation built on a REAL, un-staged before captured under the same conditions as the after, with the
journey (process, setbacks, real timeline) as the content and any aids (filters/medication/surgery/pro help)
disclosed, the reveal shot with consistent angle/lighting/framing (no visual trickery), results framed honestly
(no cherry-pick/survivorship; and if the result isn't typical, the ACTUAL typical result disclosed via median +
substantiation, clearly and conspicuously — never just "results not typical"), using actual consumers (or
disclosed) with consent, and tied to the viewer with a relatable before + attainable after + actionable takeaway;
the agent structures + specs, the human/tool produces the real media, and WoopSocial publishes; measured on
saves/shares + watch-through + inquiries rather than likes; YMYL (competent + reliable evidence, no cure/guarantee),
consent/likeness, and no-fabrication all handled; **nothing staged, cherry-picked, mis-timed, or fabricated**; and
correctly distinguished from social-proof-and-testimonials, short-form-video-script, infographic-and-data-viz, and
storytelling-and-narrative.

© social-media-skills · MIT · social-media-skills/skills

Similar skills

Everything for Marketing and content →

From the same set106

threads-growth A skill that plans Threads account growth: niche, cadence, the reply engine and a funnel into Instagram. Useful when reach stalls or there is no strategy yet. CX Codex +1 611installs campaign-and-launch-planning This skill plans a product launch or social campaign as one story across three phases and schedules the coordinated posts through WoopSocial. CX Codex +1 608installs ai-music-and-sound A skill that picks licensed music and sound design for social video, so the clip doesn't get muted or hit with a Content ID claim. CX Codex +1 605installs facebook-groups A skill that has your AI agent design a Facebook Group strategy: niche, content, growth and monetization. Useful when the group is meant to be an asset. CX Codex +1 616installs seasonal-and-moment-marketing This skill maps the seasonal and holiday moments that actually fit a brand, gates them for fit and authenticity, and tiers them by weight. Useful before Black Friday and holiday planning. CX Codex +1 614installs pinterest-pin-design Plans 2:3 Pinterest pin concepts, keyword overlays readable in mobile feeds, and fresh design variations for destination URLs. CX Codex +1 604installs ugc-and-influencer A skill for influencer and UGC work: vetting creators, writing the brief, clearing usage rights, and getting disclosure right. Useful when you run a creator campaign. CX Codex +1 604installs thread-writer Creates multi-post narrative threads for X and Threads around a single core idea. Useful when a story or case study needs several beats to deliver its payoff. CX Codex +1 603installs

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor