Turns Figma designs into production React components with TypeScript, Vite, and Tailwind v4. Built around a helper script that walks you through three phases: setup, protocol generation where you extract structure and props with AI assistance, then iterative code generation. The workflow is prescriptive but thorough, with checkpoint recovery if something breaks. You'll be attaching thumbnails and copying JSON outputs repeatedly, so it's more of a guided assembly line than magic automation. Works well if you need pixel-perfect fidelity and don't mind the structured back-and-forth. Best for converting complete designs rather than quick UI snippets.
npx skills add https://github.com/davila7/claude-code-templates --skill design-to-code