figma-pixel-verify
Installation
SKILL.md
Figma Pixel Verify
Measure a running UI against a Figma design-spec table and report pass/fail with evidence. Optionally suggest bounded fixes; do not pretend measurement succeeded without a real measurement channel.
When to use
- After
figma-pixel-implement(or any Figma implement pass that left a spec table) - User asks to check pixel alignment / design fidelity / 对照稿面验收
- Standalone: user provides Figma URL + running preview URL/route; extract or rebuild a minimal spec table first
Inputs
- Design-spec table — From implement artifacts, or rebuild via Figma metadata/variables (same columns as implement reference).
- Runnable UI — Local/dev URL, Storybook, or in-editor preview the Agent can observe.
- Optional: Figma screenshot for side-by-side vision (supporting evidence, not a substitute for numeric checks when JS-eval is available).