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.
npx skills add social-media-skills/skills --skill before-after-and-transformation -a claude-codeWhat 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-code2Manually: put the files in place
~/.claude/skills/before-after-and-transformation/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/before-after-and-transformation/
1Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill before-after-and-transformation -a codex2Manually: put the files in place
.agents/skills/before-after-and-transformation/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill before-after-and-transformation -a cursor2Manually: put the files in place
.cursor/skills/before-after-and-transformation/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install social-media-skills/skills before-after-and-transformation2Manually: put the files in place
.github/skills/before-after-and-transformation/SKILL.md1Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill before-after-and-transformation -a gemini-cli2Platform CLI
gemini skills install https://github.com/social-media-skills/skills --path skills/before-after-and-transformationManually: put the files in place
.devin/skills/before-after-and-transformation/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add social-media-skills/skills --skill before-after-and-transformation -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-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