Skip to content

Articles

Topic-first guides for automation, debugging, recording, and interactive web development

ARTICLES

Topic-first guides for building with Gasoline Agentic Devtools

Articles are organized by topic so readers can follow a learning path. Each post still includes a publish date and an agent-friendly markdown route.

Accessibility

1 article

Run Accessibility Audits in CI and Export SARIF

A beginner-friendly guide to automated accessibility checks and SARIF export in Continuous Integration using Gasoline Agentic Devtools.

Read article Agent markdown

Api

2 articles

API Validation for Frontend Teams: A Friendly Workflow

Learn a practical API validation routine for frontend teams using real browser traffic and Gasoline Agentic Devtools.

Read article Agent markdown

How to Detect API Contract Drift Before Production (Without Panic)

A beginner-friendly, step-by-step guide to catching API contract drift early using Gasoline Agentic Devtools.

Read article Agent markdown

Authentication

1 article

Fix Login Redirect Loops and Session Bugs Without Guesswork

A plain-language guide to troubleshooting login loops, cookie issues, and session state bugs using Gasoline Agentic Devtools.

Read article Agent markdown

Beginner

10 articles

How to Capture Console Logs and Network Requests Without DevTools

Beginner guide to collect browser logs and network failures with Gasoline Agentic Devtools, no manual DevTools digging required.

Read article Agent markdown

How to Connect Gasoline to Cursor

Beginner guide to connect Cursor with Gasoline Agentic Devtools and run your first browser-aware workflow.

Read article Agent markdown

How to Install Gasoline Agentic Devtools in 5 Minutes (Mac, Windows, Linux)

A beginner-friendly install guide for Gasoline Agentic Devtools, including extension setup and first-run checks.

Read article Agent markdown

How to Run Your First Browser Debug Session with Gasoline

A beginner-friendly walkthrough for your first complete browser debugging session with Gasoline Agentic Devtools.

Read article Agent markdown

How to Connect Gasoline to Claude Code

A step-by-step beginner guide to connect Claude Code with Gasoline Agentic Devtools using MCP.

Read article Agent markdown

How to Connect Gasoline to Windsurf

Simple beginner setup for connecting Windsurf to Gasoline Agentic Devtools through MCP.

Read article Agent markdown

How to Record Your First Product Demo with Gasoline

Step-by-step beginner guide to recording a clean, repeatable product demo workflow with Gasoline Agentic Devtools.

Read article Agent markdown

How to Share Reproducible Bug Evidence with Your Team

A practical beginner playbook for turning browser bugs into clear, reproducible evidence using Gasoline Agentic Devtools.

Read article Agent markdown

How to Use Annotations to Explain UI Bugs Clearly

A beginner-friendly method for using visual annotations in Gasoline Agentic Devtools to describe UI problems precisely.

Read article Agent markdown

How to Use Gasoline if You Are Not a Developer

A beginner guide for product, support, operations, and QA teammates to use Gasoline Agentic Devtools without writing code.

Read article Agent markdown

Ci

1 article

Reproduce ‘Works Locally, Fails in CI’ Browser Bugs

A practical walkthrough for reproducing browser bugs that appear in Continuous Integration but not on local machines.

Read article Agent markdown

Claude Code

1 article

Claude Code + Gasoline: Fast Bug Triage Setup

A beginner-friendly setup guide for using Claude Code with Gasoline Agentic Devtools for browser-aware bug triage.

Read article Agent markdown

Csp

1 article

Generate a Content Security Policy from Real Traffic

Create a practical Content Security Policy using observed traffic so you can improve security without breaking your app.

Read article Agent markdown

Cursor

1 article

Cursor + Gasoline for Interactive Web Development

A practical setup and workflow guide for using Cursor with Gasoline Agentic Devtools to build and debug web apps faster.

Read article Agent markdown

Demos

1 article

Local-First Demo Recording for Product Teams

Record product demos locally, replay them reliably, and keep data private with Gasoline Agentic Devtools.

Read article Agent markdown

Forms

1 article

Debug Broken Forms: Labels, ARIA, and Validation

Fix form bugs with a step-by-step approach covering labels, ARIA attributes, and validation behavior using Gasoline Agentic Devtools.

Read article Agent markdown

Mcp

2 articles

MCP Tools vs Traditional Test Runners: A Practical Comparison

Understand when to use MCP-based workflows versus traditional test runners, in plain language, with concrete examples.

Read article Agent markdown

How to Use MCP for Browser-Aware Debugging

A first-timer guide to using the Model Context Protocol for debugging real browser behavior with Gasoline Agentic Devtools.

Read article Agent markdown

Performance

2 articles

Core Web Vitals Regression Triage for Busy Teams

A practical, plain-language guide to finding and fixing Core Web Vitals regressions with Gasoline Agentic Devtools.

Read article Agent markdown

Identify Render-Blocking Assets and Slow Routes

Learn how to find files that delay page rendering and routes that feel slow, using a beginner-friendly workflow in Gasoline Agentic Devtools.

Read article Agent markdown

Playwright

1 article

Generate Playwright Tests from Real User Sessions

Learn how to convert real browser sessions into reusable Playwright tests with Gasoline Agentic Devtools.

Read article Agent markdown

Qa

1 article

Build Reusable QA Macros with Batch Sequences

Create repeatable Quality Assurance flows with batch sequences so your team can run tests faster and more consistently.

Read article Agent markdown

Releases

1 article

How to Compare Error States Across Releases

A friendly guide to checking whether a new release reduced or introduced browser errors using Gasoline Agentic Devtools.

Read article Agent markdown

Runbook

1 article

Build a Production Debugging Runbook with Gasoline

Create a practical, repeatable runbook for production bug response using Gasoline Agentic Devtools.

Read article Agent markdown

Security

2 articles

Prevent Credential and PII Leaks During Debugging

A practical guide to debugging safely while reducing the risk of exposing credentials and personally identifiable information.

Read article Agent markdown

Security Audit for Browser Workflows (Without Security Jargon)

A practical, beginner-friendly workflow for running browser security audits with Gasoline Agentic Devtools.

Read article Agent markdown

Third Party

1 article

Catch Third-Party Script Regressions Fast

A beginner-friendly workflow for finding problems caused by third-party scripts before they hurt users.

Read article Agent markdown

Ux

1 article

Annotation-Driven UX Reviews for Engineering Teams

Run faster, clearer User Experience reviews with visual annotations and actionable follow-up workflows in Gasoline Agentic Devtools.

Read article Agent markdown

Visual Regression

1 article

Visual Regression Testing with Annotation Sessions

Use visual annotations to build clear, repeatable visual regression checks with Gasoline Agentic Devtools.

Read article Agent markdown

Websocket

1 article

Debug WebSocket Issues in Real-Time Apps (Step by Step)

A practical beginner guide to debugging real-time WebSocket problems with Gasoline Agentic Devtools.

Read article Agent markdown