How to Create Before-and-After Content with Claude
Generate before-and-after content using Claude and ToolRouter. Transformation storytelling for social ads.
Tool
Claude integrates UGC content generation into a terminal-first creative workflow where you maintain full control over each step. Walk through audience research, creative direction, and content generation sequentially, refining each output through follow-up prompts before moving to the next stage. The iterative approach lets you explore multiple creative angles -- different hooks, tones, and visual concepts -- and converge on content that genuinely fits your brand voice rather than accepting the first output.
Connect ToolRouter to Claude
1Go to Settings → Connectors → Add custom connector
2Enter the details below and click Add
Name
ToolRouterURL
https://api.toolrouter.com/mcp3Done — works on Claude chat, desktop, and mobile
Steps
Once connected (see setup above), use the UGC Content tool:
- Ask Claude: "Generate before-and-after creative for [product] using ugc-content"
- Claude creates transformation narrative with problem state, product use, and result
- Ask: "Generate scene descriptions showing the before and after visually"
- Claude produces visual scene pairs that demonstrate the transformation
Example Prompt
Try this with Claude using the UGC Content tool
Create before-and-after content for an acne treatment product. Show the frustration of dealing with breakouts, the daily routine with the product, and the clear-skin result.
Tips
- Include the emotional journey, not just the physical transformation -- frustration to confidence
- Ask for realistic timelines to maintain credibility ("after 4 weeks" not "overnight")
- Generate multiple transformation angles -- different skin types, different problem severities