fe-design-diff

Scope: 1:1 Figma ↔ story mapping is required

This skill only verifies stories that declare a 1:1 mapping to a specific Figma node:

• Variant story (e.g. Default, WithIcon, Primary) → maps to one Figma variant node within a COMPONENT_SET.
• Matrix / overview story → maps to the parent COMPONENT_SET node, only if the rendered layout matches Figma's set-canvas; otherwise skip.
• Story without parameters.design.url (or matching .figma.tsx) → out of scope. Belongs in Storybook interaction / a11y / snapshot tests.
• Story opts out with parameters.figmaVrt: false.

Inputs

One of (auto-detected):

• Figma URL or node ID — https://www.figma.com/design/<fileId>/...?node-id=123-456 or 123:456.
• Component file path (+ optional variant) — src/ui/Button.tsx (defaults to its first story) or src/ui/Button.tsx --variant=primary.

Detection: contains figma.com/ or matches ^\d+[-:]\d+$ → Figma input; otherwise a file path.

Untrusted content