SKILL06Frontend
Auditing Pixel-Perfect Frontend
Compares implemented interfaces with visual references through a viewport-matched, severity-based review.
Primary benefit
Produces actionable findings that direct teams to the most consequential visual regressions first.When to use
Use when reviewing an implemented frontend against Figma, screenshots, a live reference, or explicit visual acceptance criteria and concrete visual regressions must be identified and prioritized.
When not to use
Do not use to chase subpixel differences before structural mismatches are resolved or when fidelity is not an acceptance criterion.
Use cases
Prioritize visual regressions against a Figma reference
Audit desktop and mobile layouts independently
Example prompts
Use auditing-pixel-perfect-frontend to review this implementation against the supplied reference and rank every mismatch by severity.Install this skill
Choose the command for your operating system and run it from the repository root.
Bash
./install.sh --skill auditing-pixel-perfect-frontendPowerShell
./install.ps1 --skill auditing-pixel-perfect-frontendChatGPT
Download Skill ZIPCompatibility
- Surfaces
- ChatGPT · Codex · Claude Code
- Operating systems
- Linux · macOS · Windows
- Install modes
- PluginFilesystem
Dependencies
No external dependencies
Part of systems
Curated systems that canonically include this method.