Does this skill capture CSS computed styles?

No, CSS snapshot extraction is only available via the Tier 1 claude-in-chrome extension. This skill focuses strictly on visual screenshot capture.

Can I use this skill to capture authenticated pages?

Unlike the Chrome extension which uses your local session cookies, this skill uses a fresh headless session and is best suited for publicly accessible URLs or those not requiring complex authentication.

What is the primary purpose of the browser-use-integration skill?

It serves as a Tier 2 fallback for the designer plugin, allowing agents to capture screenshots of websites using a headless browser when the standard Claude-in-Chrome extension is not installed.

Is a real Chrome window required to be open for this skill?

No, this skill utilizes a separate headless Chromium instance, making it suitable for automated workflows where a GUI browser is not present.

How do I install the underlying plugin for this skill?

You can add the necessary plugin via the Magus marketplace using the command: /plugin marketplace add browser-use@magus.

Browser-Use Integration

Name: Browser-Use Integration
Author: MadAppGang

byMadAppGang

•

Herramientas de Diseño

Enables headless Chromium screenshot capture as a fallback for design review agents when native browser extensions are unavailable.

The Browser-Use Integration skill provides a critical fallback mechanism for the Claude Code designer plugin, allowing agents to capture high-quality screenshots of web URLs using headless Chromium. It implements a sophisticated three-tier capture chain, ensuring that design-review tasks can proceed with visual references even when the primary Claude-in-Chrome extension is missing. This skill automates the entire lifecycle of a headless session—from navigation and base64 image capture to file decoding and session cleanup—making it an essential tool for robust UI auditing and visual verification workflows.

Características Principales

01Base64 image decoding and file verification workflow

02Full-page capture support for comprehensive UI audits

03Automated session management and cleanup patterns

04Headless Chromium screenshot capture for URL-based references

05Three-tier fallback logic for browser-based design reviews

064 GitHub stars

Casos de Uso

01Providing visual fallbacks when the Claude-in-Chrome extension is unavailable

02Automating UI reviews on remote servers or headless environments

03Capturing visual snapshots of web designs without manual browser intervention

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add madappgang/magus browser-use-integration

For use in Claude.ai and ChatGPT

Características Principales

01Base64 image decoding and file verification workflow

02Full-page capture support for comprehensive UI audits

03Automated session management and cleanup patterns

04Headless Chromium screenshot capture for URL-based references

05Three-tier fallback logic for browser-based design reviews

064 GitHub stars

Casos de Uso

01Providing visual fallbacks when the Claude-in-Chrome extension is unavailable

02Automating UI reviews on remote servers or headless environments

03Capturing visual snapshots of web designs without manual browser intervention

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add madappgang/magus browser-use-integration

For use in Claude.ai and ChatGPT