master-frontend-lemoncode

**ALWAYS use this skill** whenever designing or editing frames in Figma. This skill enforces best practices for Auto Layout on every frame, binding variables and components from published libraries, and performing a visual composition review with library examples. Triggers: 'design a screen', 'create a layout', 'add a section', 'build a component', 'use auto layout', 'apply variables', 'use library components', 'design with tokens', 'maintain visual consistency', or any design task in Figma where frames, spacing, or components are involved. Never hardcode spacing, colors, or radii — always resolve and bind from the design system. Use alongside figma-use (mandatory) and figma-generate-design (for full screens).

Interview the user relentlessly about a plan or design until reaching shared understanding, producing a PRD as output. Use when user wants to stress-test a plan, get grilled on their design, create a PRD, define product requirements, or mentions "grill me", "PRD", or "requirements". First step in the chain grill-me → prd-to-plan → prd-to-issues.