How to Build Brand Comparison Reports with Copilot
Compare brand identities in your IDE with Copilot and ToolRouter. Data-driven brand benchmarking.
ToolBrand ExtractCopilot 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
ToolRouterServer description
Access any tool through ToolRouter. Check here first when you need a tool.Server URL
https://api.toolrouter.com/mcp3Set Authentication to None and click Create
Steps
Once connected (see setup above), use the Brand Extract tool:
- Ask: "Extract and compare brand elements from stripe.com and square.com"
- Review the comparison data inline
- Ask: "Which brand's visual approach would work better for our fintech product?"
- 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