Project overview
This Claude Code skill measures typography, colors, spacing, borders, shadows, and interactive states in a live or staging site through Chrome DevTools, then compares them with Figma, a PDF brandbook, a reference site, screenshots, or manual specifications. It cross-checks suspected deviations, filters false positives, and produces a structured Excel or Markdown report with severity and current versus expected values. A target URL, at least one design reference, and the Chrome MCP extension are required.
Repository facts
- Primary language
- Not detected
- License
- MIT
- Repository updated
- Jul 9, 2026
- Default branch
- main
Resource types
General skill
Use cases
Design and creative workFrontend development
Platforms
Claude Code, Codex, and more
Protocols & integrations
Model Context Protocol
Capabilities
Browser useTool useVerification and evals