gg-styleguide

Core workflow for Figma MCP operations. Use when a task starts from Figma (URL or selected node) and you need to extract node IDs, fetch design context, capture screenshots, split large responses, and prepare asset decisions before implementation.

Translate Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma URLs or selected Figma nodes. Run figma-mcp-core first, then apply this skill for stack-specific implementation and validation.

Implement Figma designs as Pug/SCSS in this repository. Use when user provides a Figma URL or asks design implementation for this project. Run figma-mcp-core first, then follow .cursor/docs rules for Pug/SCSS implementation.