---
title: ToolRouter — Agent Use Case Guide
description: Step-by-step guide for completing a task with a specific AI agent using ToolRouter.
url: https://toolrouter.com/tools/ugc-content/use-cases/create-before-after-content/claude
---
# How to Create Before-and-After Content with Claude

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.

## Setup

claude mcp add toolrouter -- npx -y toolrouter-mcp

## Steps

1. Connect ToolRouter: claude mcp add toolrouter -- npx -y toolrouter-mcp
2. Ask Claude: "Generate before-and-after creative for [product] using ugc-content"
3. Claude creates transformation narrative with problem state, product use, and result
4. Ask: "Generate scene descriptions showing the before and after visually"
5. Claude produces visual scene pairs that demonstrate the transformation

## Example Prompt

```
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
