What makes Play-Tight different from the standard Playwright MCP?

Standard MCPs return massive HTML trees that exhaust context windows quickly. Play-Tight uses optimized scripts to return only essential data, making it up to 225x more token-efficient.

Can I take screenshots of specific web elements?

Yes, the take-screenshot.js script allows you to capture either the full page or target a specific CSS selector for a localized screenshot.

Is it possible to extract structured data from multiple fields at once?

Yes, the navigate-and-extract.js script allows you to provide a JSON configuration to map multiple CSS selectors to specific data points in a single navigation step.

Does Play-Tight require manual browser installation?

No, it features automatic detection. If browsers are missing, the skill will detect the error and offer to run the necessary installation scripts for you.

How do I handle complex web investigations using this skill?

For complex tasks, use the provided 'Browser Investigator' subagent. It isolates verbose intermediate responses in its own context, returning only a concise summary to the parent agent.

Play-Tight Browser Automation

Name: Play-Tight Browser Automation
Author: slamb2k

byslamb2k

•

ブラウザ自動化

Automates browser tasks and web data extraction using context-efficient Playwright scripts and isolated subagent patterns.

Play-Tight is a high-performance Claude Code skill designed for browser automation that prioritizes context window efficiency. By replacing verbose HTML and accessibility tree responses with optimized, compact JSON scripts, it allows Claude to perform complex web investigations without exhausting its memory. The skill features a specialized subagent pattern for multi-step explorations and a suite of tools for element verification, screenshot capture, and structured data extraction, making it an essential utility for developers monitoring CI/CD dashboards or validating web application behavior.

主な機能

01Context-efficient script execution returning compact JSON instead of raw HTML

023 GitHub stars

03Automatic Playwright browser detection and streamlined installation process

04Structured data extraction via configurable navigation and selector mapping

05Specialized Browser Investigator subagent for complex, multi-step web explorations

06Comprehensive script suite for element verification, text extraction, and screenshots

ユースケース

01Extracting structured data or status updates from web-based dashboards and pull requests

02Performing deep web investigations without exhausting the AI's context window

03Verifying UI elements and application behavior during CI/CD or testing phases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add slamb2k/mad-skills play-tight

For use in Claude.ai and ChatGPT