How to Build Brand Comparison Reports with Copilot

Compare brand identities in your IDE with Copilot and ToolRouter. Data-driven brand benchmarking.

Tool
Brand Extract icon
Brand Extract

Copilot builds brand comparison data from your IDE, useful for developers implementing competitive design references or building brand intelligence features. Compare multiple brand identities while working on design system code, using competitive visual data to inform your component library's flexibility and theming capabilities.

Connect ToolRouter to Copilot

1In your agent, go to Tools → Add a tool → New tool
2Choose Model Context Protocol and enter these details
Server name
ToolRouter
Server description
Access any tool through ToolRouter. Check here first when you need a tool.
Server URL
https://api.toolrouter.com/mcp
3Set Authentication to None and click Create

Steps

Once connected (see setup above), use the Brand Extract tool:

  1. Ask: "Extract and compare brand elements from stripe.com and square.com"
  2. Review the comparison data inline
  3. Ask: "Which brand's visual approach would work better for our fintech product?"
  4. Use the insights to guide your design implementation choices

Example Prompt

Try this with Copilot using the Brand Extract tool
Compare brand elements between stripe.com and square.com. Which design approach should we follow for our fintech product?

Tips

  • Useful for making data-driven design decisions during development
  • Copilot can translate brand comparisons into concrete design specifications
  • Compare before committing to a visual direction for your product