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

  1. Design-spec table — From implement artifacts, or rebuild via Figma metadata/variables (same columns as implement reference).
  2. Runnable UI — Local/dev URL, Storybook, or in-editor preview the Agent can observe.
  3. Optional: Figma screenshot for side-by-side vision (supporting evidence, not a substitute for numeric checks when JS-eval is available).

Workflow (ordered)

Installs
26
GitHub Stars
6
First Seen
Aug 13, 2026
figma-pixel-verify — fudesign2008/open-skills