design-intent-specialist

Convert Figma URLs or design screenshots into frontend implementations by analyzing the visual reference, checking against existing design patterns, and producing section-by-section implementation guidance with component documentation and decision notes.

Yes, screenshots work alongside Figma URLs as visual references. The Skill translates both into implementable frontend designs while verifying consistency with existing design intent patterns.

The Skill identifies conflicts with existing design intent patterns during implementation, reports them clearly, and provides guidance to align your UI with established patterns or document intentional deviations.

Design intent pattern checking validates that your frontend implementation follows established design patterns by comparing your implementation against the pattern library, ensuring consistency and flagging divergences.

Either works. Provide Figma URLs, screenshots, or UI requests as visual references, and the Skill will translate them into implementation-ready components with mandatory pattern validation and conflict resolution.