Skills
.Work. You
Rest

chrome-devtools-optimizer

Community

Cut token costs with smart DevTools MCP optimization.

Software Engineering#mcp#gemini#snapshot#token-optimization#chrome-devtools
Authordiegocconsolini
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Reduces Claude-in-context token usage when working with Chrome DevTools MCP by using smart text-based snapshots and optional Gemini Flash processing.

Core Features & Use Cases

  • Snapshot-first approach to capture structure without full-page screenshots.
  • Optional Gemini Flash processing for visual summaries at low cost.
  • Batch form operations and targeted element snapshots to minimize tokens.

Quick Start

Use the optimizer after enabling MCP; start by taking a snapshot of the page structure, then use fill_form for multi-field tasks.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 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: chrome-devtools-optimizer
Download link: https://github.com/diegocconsolini/ClaudeSkillCollection/archive/main.zip#chrome-devtools-optimizer

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 223,000+ vetted skills library on demand.