Can I record my browser sessions with this skill?

Yes, the skill includes commands to start and stop video recording, as well as capturing full-page screenshots and generating PDFs of web content.

Does it support authenticated sessions or logins?

Yes, you can use the 'state save' and 'state load' commands to persist cookies and localStorage, allowing you to maintain logged-in sessions across different tasks.

Should I use this alongside Playwright or Chrome DevTools MCP?

It is recommended to disable conflicting MCPs like Playwright or Chrome DevTools when using this skill to save context space, as this skill provides equivalent automation features.

How does this skill handle dynamic web elements?

The skill uses a snapshot system that maps the accessibility tree to unique reference IDs (e.g., @e1), allowing the AI to interact with specific elements accurately even as the DOM changes.

What is the browser-navigation skill for Claude Code?

It is a specialized capability that allows Claude to navigate websites, interact with UI elements, fill forms, and extract web data using the agent-browser automation framework.

Browser Navigation & Automation

Name: Browser Navigation & Automation
Author: plurigrid

byplurigrid

•

ブラウザ自動化

Automates comprehensive browser interactions, web testing, and data extraction using the agent-browser toolkit.

This skill provides a robust set of commands to control web browsers directly from Claude Code, enabling developers to perform end-to-end testing, scrape complex web data, and automate repetitive browser-based tasks. By utilizing the agent-browser framework, it allows for sophisticated interactions like element snapshots with interactive refs, session recording, network request interception, and state management. It is designed to replace heavier MCPs by providing a streamlined CLI-based interface for frontend debugging and web workflow automation within the AI's context.

主な機能

01Comprehensive media capture including screenshots, PDFs, and video recording

028 GitHub stars

03Interactive element snapshots with unique refs for precise clicking and typing

04Advanced network management for request routing, blocking, and API mocking

05Semantic locators for interacting with elements by role, label, or text

06Session state persistence to save and load authentication cookies and storage

ユースケース

01Extracting structured data from dynamic, JavaScript-heavy websites and SPAs

02Debugging frontend regressions by analyzing console logs and network traffic in real-time

03Automating end-to-end testing for complex web application workflows and login sequences

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add plurigrid/asi browser-navigation

For use in Claude.ai and ChatGPT

Download Skill