How to Create a Product Comparison Reveal with OpenClaw
Create a Product Comparison Reveal with OpenClaw and ToolRouter. Show the difference between problem and solution states with a cinematic transition that makes the contrast unmistakable.
Tool
Feed in multiple before and after photo pairs and OpenClaw will generate comparison reveals for the full product line in one batch. This is right when launching a product range where each SKU needs its own comparison reveal for campaign use.
Connect ToolRouter to OpenClaw
1Install the CLI
npm install -g toolrouter-mcp2Call tools directly from OpenClaw
toolrouter-mcp call web-search search --query "AI tools"
toolrouter-mcp toolsSteps
Once connected (see setup above), use the Dramatic Reveal tool:
- Define all product photo pairs, their assigned transition styles, and output naming schema before batching.
- Run `dramatic-reveal` with `create` across the batch with consistent quality and pacing parameters.
- Review outputs and rerun any pair where the contrast impact or transition missed the brief.
- Deploy the full comparison reveal set across campaign channels.
Example Prompt
Try this with OpenClaw using the Dramatic Reveal tool
Use dramatic-reveal to generate comparison reveals for these 8 cleaning products. Each has a before and after photo pair and an assigned transition style in the input data. Return filenames matching SKU codes and flag any pair where the before photo fails to clearly show the problem state.
Tips
- Verify that all before photos clearly represent the problem state before batching — ambiguous befores reduce the impact of even a perfect reveal.
- Assign transition styles based on product category: sweeping transitions for visible surface changes, dissolves for gradual transformations.
- Review contrast consistency across the batch — the emotional intensity of reveals should be comparable across the product line.