browser_research

Collect browser-based domain research into markdown with screenshots and extracted data.

Updated May 27, 2026
One-click install
npx skills add https://github.com/ormastes/Spipe --skill browser-research-ormastes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser_research
Source: https://github.com/ormastes/Spipe/tree/main/doc/00_llm_process/skill_command/skills/gemini/browser_research
Command: npx skills add https://github.com/ormastes/Spipe --skill browser-research-ormastes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It solves the problem of manually browsing, screenshotting, and summarizing lots of scattered web sources into a coherent research output.

Core Features & Use Cases

  • Phase 1: Interactive Web Research (Chrome MCP): Finds documentation, tutorials, specifications, navigates authoritative pages, and captures key screenshots for quick visual review.
  • Phase 2: Data Extraction (Playwright CLI): Extracts structured information such as API examples, schema definitions, and compatibility/feature matrices, saving results in SDN format for later synthesis.
  • Phase 3–4: Visual References & Synthesis: Collects UI/UX visual references and consolidates everything into a single topic markdown file with sources and access dates, extending prior research instead of overwriting.

Quick Start

Ask the browser_research skill to perform browser-based research for your topic and produce doc/01_research/domain/<topic>.md along with screenshots and extracted SDN data.

Frequently Asked Questions about browser_research

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

FAQPage Schema
How do I automate web research and extract structured data from multiple pages?

Automating web research and data extraction involves navigating web sources with browser automation to capture screenshots and pull structured information like API examples, storing outputs as organized markdown files with visual artifacts.

Can I use Playwright to scrape API documentation and save it as markdown?

Yes, you can use Playwright to scrape API documentation, extract schema definitions and examples, and synthesize the collected data into a structured markdown deliverable alongside captured screenshots for visual reference.

What is the best way to collect UI/UX visual references during web research?

Collecting UI/UX visual references during web research is best handled by using browser automation to navigate interfaces and capture screenshots, saving them into a dedicated directory to consolidate visual data with text synthesis.

Does browser automation research overwrite existing domain knowledge files?

No, browser automation research does not overwrite existing domain knowledge files; it extends prior work by appending newly synthesized data and sources to the existing topic markdown file instead of replacing previous research outputs.

How do I extract feature matrices from websites using Playwright?

To extract feature matrices from websites using Playwright, the tool navigates target pages, pulls structured compatibility data, and saves the extracted results in SDN format for later synthesis into a comprehensive markdown report.

What do I need to capture screenshots and extract data for documentation discovery?

To capture screenshots and extract data for documentation discovery, you need a Chrome MCP environment with Playwright-driven scraping capabilities to navigate authoritative pages and store visual and extracted artifacts in organized directories.