Video Examples

Watch real-world demonstrations of Blueprint MCP in action. These videos show you how to install, configure, and use Blueprint MCP for various automation tasks.

New to Blueprint MCP? Start with the Installation & Web Research video below, then check out the Getting Started guide.

Installation & Web Research

What you'll learn:
  • Installing the Blueprint MCP extension
  • Setting up the MCP server
  • Connecting Claude Code to your browser
  • Using natural language commands
  • Browsing and searching Google
  • Extracting information from web pages
  • Generating comprehensive reports

This example demonstrates the complete workflow from installation to running your first browser automation task. Perfect for beginners.


Design Improvement Demo

What you'll learn:
  • Taking screenshots of web pages
  • Visual analysis with Claude
  • Getting design feedback and suggestions
  • Iterative improvement workflows
  • Maintaining visual context during conversations
  • Advanced browser automation techniques

This advanced example shows how to use Blueprint MCP for design review and improvement. See how Claude can analyze screenshots and provide actionable design feedback.

Ready to try it yourself?

Follow our step-by-step setup guide to get Blueprint MCP running in minutes:

  1. Set up the MCP server
  2. Set up the extension
  3. Start automating