---
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-brand-guidelines/copilot
---
# How to Extract Brand Guidelines with Copilot

Copilot generates brand guidelines from live sites directly in your IDE. Extract design tokens and immediately convert them into theme configuration files, CSS custom properties, or design system documentation. This workflow is ideal for developers onboarding to a new project that lacks formal brand documentation.

## Setup

{"mcpServers":{"toolrouter":{"command":"npx","args":["-y","toolrouter-mcp"]}}}

## Steps

1. Add ToolRouter to Copilot MCP config
2. Ask: "Extract brand guidelines from clientsite.com"
3. Review the structured brand data inline
4. Ask: "Create a design tokens file from these guidelines"
5. Copilot generates a ready-to-use tokens file for your design system

## Example Prompt

```
Extract brand guidelines from clientsite.com and generate a design tokens JSON file.
```

## Tips

- Copilot can output guidelines as design tokens, CSS variables, or theme configs
- Perfect for bootstrapping a design system from an existing brand
- Combine with your component library setup for instant brand-aligned development
