FlowLens

Product Introduction

1. FlowLens is a specialized Chrome extension designed to streamline bug reporting for web applications by automatically capturing comprehensive technical context during issue reproduction. It records synchronized video, console logs, network activity, user interactions, and system state with a single click. The captured data is structured for immediate consumption by AI coding agents through integration with the open-source MCP server protocol.

2. The core value lies in enabling AI agents to autonomously debug issues by providing complete browser context without manual data gathering. This eliminates time-consuming steps like screenshot collection, log extraction, and environment description that traditionally hinder efficient bug resolution. By delivering rich, structured technical data directly to coding agents, FlowLens reduces debugging cycles and accelerates fixes while maintaining efficient token usage.

Main Features

1. Comprehensive Context Capture automatically records synchronized technical data including screen video, network requests (with full request/response details), console outputs (errors, warnings, stack traces), user interactions (clicks, inputs, selectors), storage states (localStorage, sessionStorage, cookies), navigation events (SPA-compatible History API tracking), and system specifications (browser version, OS, screen resolution, timezone) during bug reproduction.

2. MCP Server Integration packages captured data into the open-source Magentic Context Protocol format that AI agents like Claude Code and GitHub Copilot can directly consume for autonomous debugging. This structured delivery eliminates manual data formatting and ensures agents receive pre-processed, actionable context with optimized token efficiency.

3. Privacy-First Workflow implements automatic PII redaction performed locally on the user's device before any data transmission, coupled with end-to-end encryption for all recordings. Users maintain granular control through configurable capture filters and selective sharing permissions within team environments.

Problems Solved

1. The primary pain point addressed is the inefficient manual process of collecting and communicating debugging context (screenshots, console logs, reproduction steps) to AI agents or team members. Traditional methods force developers to spend significant time documenting issues instead of fixing them, while AI agents often fail to reproduce bugs due to incomplete context.

2. Target users include developers and engineering teams using AI coding assistants like Claude Code, Cursor, or GitHub Copilot for web application development. QA engineers and product managers who report bugs to technical teams also benefit from streamlined reproduction package creation.

3. Typical scenarios involve a developer encountering a complex frontend bug involving network failures and state inconsistencies, where FlowLens captures the entire context during reproduction. The recording is shared via link with an AI agent that autonomously analyzes the structured MCP data to suggest fixes, or with team members who gain full environment context without manual explanation.

Unique Advantages

1. Unlike standard screen recorders or dev tools, FlowLens captures synchronized technical events across multiple dimensions (network, console, storage, interactions) and packages them in AI-consumable MCP format. Competitors typically produce human-oriented outputs requiring manual interpretation rather than structured agent-ready data.

2. Key innovations include local PII redaction before data leaves the device, SPA-optimized navigation tracking through History API monitoring, and token-optimized MCP packaging that preserves critical debugging context while minimizing AI processing overhead.

3. Competitive differentiation comes from SOC 2 Type 1 compliance, one-click capture of 7+ technical dimensions, and native integration with major AI coding agents via the open MCP standard. The solution requires only 1-minute setup with Chrome extension and optional MCP server installation.

Frequently Asked Questions (FAQ)

1. How is FlowLens different from screen recording tools? FlowLens captures synchronized technical events beyond video, including network payloads, console errors, storage states, and user interactions. It structures this data in the MCP format specifically for AI agents to analyze and debug autonomously, whereas standard recorders only create visual outputs requiring human interpretation.

2. Do I need to install anything besides the Chrome extension? The Chrome extension alone enables bug capture and sharing with human team members. For AI-powered debugging with agents like Claude Code or Cursor, you must additionally install the open-source MCP server which provides structured data access to coding agents.

3. Is my data private and secure? FlowLens implements automatic PII redaction locally on your device before any data transmission, with end-to-end encryption for recordings. It is SOC 2 Type 1 compliant and provides configurable capture filters, ensuring no sensitive data leaves your browser without explicit review and approval.