How to Create a Product Comparison Reveal with Claude
Create a Product Comparison Reveal with Claude and ToolRouter. Show the difference between problem and solution states with a cinematic transition that makes the contrast unmistakable.
Tool
Share the two product photos and Claude will direct the reveal to maximize the emotional impact of the contrast. Claude is best when the comparison requires careful framing — the 'before' state needs to represent the pain clearly, and the transition timing needs to match what makes the contrast most satisfying.
Connect ToolRouter to Claude
1Open connector settings Open Settings
2Add a custom connector with these details
Name
ToolRouterURL
https://api.toolrouter.com/mcp3Let Claude set you up Open Claude
Steps
Once connected (see setup above), use the Dramatic Reveal tool:
- Share the before photo (problem state) and after photo (solution state) and describe the product and use case.
- Ask Claude to recommend the transition style that will maximize the contrast impact before generating.
- Use `dramatic-reveal` with `create` to generate the comparison reveal.
- Review whether the contrast moment lands with the right emotional punch — ask Claude to adjust pacing if the reveal feels too fast or too slow.
- Export for product pages, social ads, or campaign content.
Example Prompt
Try this with Claude using the Dramatic Reveal tool
Use dramatic-reveal to create a comparison reveal for this carpet cleaning product. Before: heavily stained carpet. After: completely clean carpet. I want a light sweep transition that feels almost magical — the clean state should be the emotional payoff. This is for a social ad.
Tips
- Make the before state clearly bad — an ambiguous before undermines the impact of a good after.
- Ask Claude to hold on the before state slightly longer than feels comfortable — building tension before the reveal makes the payoff stronger.
- Specify the exact emotional response you want from the viewer: shock, satisfaction, relief, or delight.