fleet-rendering-chromium-to-png

Official

Render pages or extensions to PNGs for context.

AuthorSocketDev
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Render pages, local HTML files, or MV3 extension popups as PNGs to verify UI rendering and pixel-level correctness before changes.

Core Features & Use Cases

  • Page mode: render any URL or local file to a PNG for validation.
  • Extension mode: render an unpacked MV3 extension's popup to a PNG for real-browser context.
  • Read-back: Read the PNG back into context so the pixels anchor AI reasoning.

Quick Start

Run the screenshot tool on a URL or file, then Read the produced PNG to load the visual in context.

Dependency Matrix

Required Modules

playwright

Components

scripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: fleet-rendering-chromium-to-png
Download link: https://github.com/SocketDev/socket-mcp/archive/main.zip#fleet-rendering-chromium-to-png

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 510,000+ vetted skills library on demand.