General skillDesign and creative work

claude-pixel-perfect-agent

Audit a live web app's CSS against Figma, brand guidelines, or another design reference.

Stars
1
Forks
0
License
MIT
Updated
Updated Jul 9, 2026

Checking live repository facts…

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

Related projects

Browse more similar projects