Skip to content

Getting Started with RapidTriageME

Welcome to RapidTriageME - the AI-powered browser debugging platform that revolutionizes how you debug, analyze, and optimize web applications. This guide will walk you through everything you need to know to get started.

What is RapidTriageME?

RapidTriageME is a comprehensive browser debugging platform that enables AI assistants to interact with web browsers through the Model Context Protocol (MCP). It captures real-time browser data including console logs, network requests, errors, and performance metrics, making them available to your favorite AI coding assistants.

Key Benefits

  • AI-Powered Debugging - Let AI assistants analyze browser issues for you
  • Real-time Data Capture - Monitor console logs, network requests, and errors as they happen
  • Cross-Platform - Works with 10+ IDEs and AI assistants
  • Remote Debugging - Debug browsers anywhere with cloud deployment
  • Comprehensive Audits - Built-in Lighthouse integration for performance, accessibility, SEO
  • Zero Configuration - Works out of the box with sensible defaults

How It Works

RapidTriageME consists of three main components working together:

graph LR
    A[Chrome Extension] -->|WebSocket| B[Browser Connector<br/>Port 3025]
    B -->|HTTP/REST| C[MCP Server]
    C -->|MCP Protocol| D[AI Assistant<br/>Claude/Cursor/etc.]

    style A fill:#e1f5fe
    style B fill:#f3e5f5
    style C fill:#e8f5e8
    style D fill:#fff3e0
  1. Chrome Extension - Captures browser data through DevTools API
  2. Browser Connector - Local server (port 3025) that processes and aggregates data
  3. MCP Server - Bridges data to AI assistants using Model Context Protocol

Installation Overview

Getting started requires three simple steps:

Quick Setup (5 minutes)

  1. Install Chrome Extension - Load the unpacked extension
  2. Start Browser Server - Run npx @yarlisai/rapidtriage-server
  3. Configure AI Assistant - Add MCP configuration to your IDE

Supported Platforms

AI Assistants & IDEs

  • Cursor - AI-first code editor with native MCP support
  • Claude Desktop - Anthropic's official desktop application
  • VS Code - With Continue extension for AI assistance
  • Zed - High-performance multiplayer code editor
  • JetBrains IDEs - IntelliJ, WebStorm, PyCharm with AI Assistant
  • And 10+ more - Any MCP-compatible client

Operating Systems

  • macOS - Full support (Intel and Apple Silicon)
  • Windows - Complete Windows 10/11 support
  • Linux - Ubuntu, Debian, CentOS, and other distributions

Browsers

  • Chrome - Primary supported browser (recommended)
  • Microsoft Edge - Chromium-based browsers
  • Chromium - Open-source browser support

Use Cases

Web Development

  • Debug JavaScript errors in real-time
  • Monitor API calls and network performance
  • Analyze bundle sizes and loading performance
  • Test responsive design across viewports

Quality Assurance

  • Automated accessibility testing
  • Performance regression detection
  • Cross-browser compatibility testing
  • Security vulnerability scanning

SEO Optimization

  • Meta tag validation and optimization
  • Core Web Vitals monitoring
  • Structured data validation
  • Mobile-friendliness assessment

DevOps & Monitoring

  • Production error monitoring
  • Performance baseline establishment
  • User experience optimization
  • Third-party service monitoring

Architecture Benefits

Local Development

Browser → Extension → Connector(:3025) → MCP → AI
- Ultra-low latency - Direct local communication - Complete privacy - All data stays on your machine - No internet required - Works completely offline - Simple setup - Just run one command

Cloud Deployment

Browser → Extension → Cloudflare Worker → AI
- Global reach - Debug from anywhere in the world - Team collaboration - Share debugging sessions - Scalable - Handles multiple concurrent sessions - Secure - JWT authentication and encryption

What's Next?

Choose your path based on your needs:

Prerequisites

Before you begin, ensure you have:

Required

  • AI Assistant - Cursor, Claude Desktop, VS Code with Continue
  • Git - For cloning repositories and version control
  • Package Manager - npm (comes with Node.js) or yarn

Verification Checklist

After installation, verify everything is working:

  • Chrome extension loaded and visible in extensions page
  • Browser connector server running on port 3025
  • DevTools panel shows "RapidTriage" tab
  • AI assistant recognizes MCP tools
  • Screenshot capture works
  • Console logs are accessible

Support & Community

  • Documentation - Comprehensive guides and API reference
  • GitHub Issues - Bug reports and feature requests
  • Discord Community - Real-time support and discussions
  • Example Projects - Sample implementations and use cases

Getting Help

If you encounter issues:

  1. Check our troubleshooting guide
  2. Review frequently asked questions
  3. Search existing issues
  4. Join our Discord community

Ready to transform your browser debugging experience? Let's get started!

Quick Start Guide