browser-to-api

Generate OpenAPI 3.1 specifications from recorded browser traffic.

3.7k|235|Updated Oct 12, 2025
One-click install
npx skills add https://github.com/browserbase/skills --skill browser-to-api
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-to-api
Source: https://github.com/browserbase/skills/tree/main/skills/browser-to-api
Command: npx skills add https://github.com/browserbase/skills --skill browser-to-api

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires browser-trace, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the discovery of API endpoints from browser traffic and generates OpenAPI specifications, saving developers time and effort in documenting and integrating with APIs.

Core Features & Use Cases

  • API Discovery: Automatically extracts API endpoints and their associated documentation from recorded browser sessions.
  • OpenAPI Generation: Outputs OpenAPI 3.1 specifications that can be used for API documentation and client integration.
  • Use Case: Suppose you have a recorded browser session with a complex web application. Use this Skill to automatically generate an OpenAPI specification for the application's API, allowing you to quickly integrate with the backend services.

Quick Start

Generate an OpenAPI specification for a recorded browser session by running the 'browser-to-api' skill with the path to the browser trace directory.

Frequently Asked Questions about browser-to-api

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate an OpenAPI spec from browser traffic?

To generate an OpenAPI spec from browser traffic, use a skill that discovers API endpoints from recorded sessions and outputs OpenAPI 3.1 specifications using JSON-Schema inference. You need to provide the path to your recorded browser trace directory.

Can I extract API endpoints automatically from a recorded browser session?

Yes, you can extract API endpoints automatically from a recorded browser session. The tool analyzes the browser traffic to discover endpoints and infers JSON schemas to document the application's API for backend integration.

Do I need Node.js to convert browser traces into OpenAPI 3.1 specifications?

Yes, you need Node.js installed to convert browser traces into OpenAPI 3.1 specifications. The process also requires a valid browser-trace run directory containing the recorded session data to parse the API traffic.

Can I filter or redact sensitive information when discovering APIs from browser traffic?

Yes, you can filter and redact sensitive information when discovering APIs from browser traffic. The extraction process supports filtering endpoints and redacting sensitive data to ensure the generated OpenAPI specifications are secure to share.

What is the best way to document an undocumented web application API?

The best way to document an undocumented web application API is by recording a browser session and using an automated discovery tool to extract endpoints. This generates a structured OpenAPI 3.1 specification from the traffic, saving manual documentation effort.

Why does API discovery from browser traffic require a browser-trace directory?

API discovery from browser traffic requires a browser-trace directory because it serves as the input data source containing the recorded network requests. Without this trace directory, the tool has no session traffic to analyze for endpoint extraction and schema inference.