---
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/generate-image/use-cases/generate-landing-page-assets/claude
---
# How to Generate Landing Page Assets with Claude

Claude creates landing page visual assets through iterative design sessions in your terminal. Generate hero images, feature illustrations, and background elements through multi-step conversation while maintaining a cohesive visual language across the entire page. Claude can produce all visual assets for a complete landing page in one session.

## Setup

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

## Steps

1. Connect ToolRouter: claude mcp add toolrouter -- npx -y toolrouter-mcp
2. Start with the hero: "Generate a hero image for a SaaS landing page about workflow automation"
3. Claude creates the hero using text_to_image
4. Add section visuals: "Create 3 matching illustrations for features: integrations, analytics, and collaboration"
5. Upscale everything: "Upscale all images to 2x for retina displays"
6. Ask Claude to generate background textures and patterns that tie the page together

## Example Prompt

```
Generate a complete set of landing page visuals for a SaaS product: 1) hero image showing workflow automation, 2) three feature section illustrations, 3) a subtle background texture. All in the same modern, clean style with blue and purple tones.
```

## Tips

- Generate all page assets in one session to maintain visual consistency
- Use upscale_image for hero images that need to look sharp on 4K displays
- Ask Claude to create both light and dark mode versions of each asset
