CSS Noop Checker is a powerful Chrome DevTools extension designed to identify "no-op" CSS declarations—valid CSS properties that are silently ignored by the browser due to the element's layout context. These properties, while syntactically correct, have no visible effect and can lead to confusion and bloat in stylesheets. The tool offers both a selected-element inspection mode and a full-page scan, categorizing detection rules by context (e.g., inline, block, flex/grid container, positioned). Each detected issue comes with a clear explanation and a fix suggestion, aiding developers in maintaining clean, effective, and performant CSS. Its integrated MCP server also exposes these rules for AI-assisted analysis via Playwright, enhancing automated quality checks.
主な機能
01Scans all elements on a page for CSS violations
02Inspects currently selected element in DevTools
03Analysis uses getComputedStyle and lightweight heuristics
04Categorized detection rules with titles, explanations, and fix suggestions
05MCP server exposes rules for AI-assisted analysis via Playwright
060 GitHub stars
