fe-design-implement

Converts one Figma node into code (component + story), then runs VRT to confirm the result matches.

The VRT pipeline (Figma fetch + flatten, custom-viewport screenshot, pixelmatch, diff-image emit) is bundled as ~/.claude/skills/fe-design-verify/vrt.mjs. This skill orchestrates code generation and delegates verification to that helper.

When to use

• User says "implement this Figma component" and pastes a Figma URL or node ID.
• One component (or component set) per call. Multiple components = caller loops.
• Issue-to-PR macros and batch flows are the caller's responsibility (composed by AI in conversation, or by a future wrapper skill).

Inputs

• Figma node URL or ID (required) — must point at a COMPONENT or COMPONENT_SET.
• --no-verify (optional) — skip step 5. Default is to always verify.

Workflow