Connects Claude to your Figma files through the MCP server so you can pull design context, screenshots, variables, and assets directly into your implementation workflow. The skill enforces a specific flow: grab structured design data with get_design_context, fetch visual references with get_screenshot, then translate the React and Tailwind output into your project's conventions and design tokens. It's opinionated about reusing your existing components and color system rather than duplicating code. The asset handling is notable because it serves images and SVGs through localhost endpoints, which means no placeholder hunting or icon package bloat. Best for teams doing regular design to code work where you want the handoff automated but still need control over how designs map to your actual codebase.
npx skills add https://github.com/davila7/claude-code-templates --skill figma