---
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/brand-extract/use-cases/extract-visual-brand-elements/claude
---
# How to Extract Visual Brand Elements for Redesign with Claude

Claude catalogs visual brand elements for redesign projects through an interactive exploration session. After extracting logos, icons, color usage patterns, and layout structures, ask Claude to assess which elements are most distinctive, suggest what to preserve versus reimagine, or generate a visual inventory document for your design team.

## Setup

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

## Steps

1. Connect ToolRouter: claude mcp add toolrouter -- npx -y toolrouter-mcp
2. Ask Claude: "Extract all visual brand elements from mysite.com for a redesign audit"
3. Claude scans the site and returns colors, typography, imagery patterns, and layout details
4. Ask: "Organize these into a redesign brief with current state and areas for improvement"
5. Claude creates a structured document that can guide the redesign process

## Example Prompt

```
Extract all visual brand elements from mysite.com. Organize them into a redesign audit document with the current state and recommendations for what to keep vs. change.
```

## Tips

- Scan multiple key pages (homepage, product, about, blog) for a complete picture
- Ask Claude to identify visual inconsistencies that the redesign should fix
- Claude can suggest a modernized palette based on the current one
