shadcncraft

shadcncraft/skills

Skill Claude CodeCodex

Convert a selected shadcncraft Figma frame, component, or full page into production React + shadcn/ui code via the official Figma MCP. Use this whenever the user wants to turn a Figma design into code, implement a frame, "generate code from this design", "convert this Figma component", "build this screen from Figma"…

shadcncraft/skills

Skill Claude CodeCodex

Sync design tokens into a project's globals.css, mapped to shadcn token names for light and dark. Use this whenever the user wants to import, sync, or update their theme/design tokens/variables ("sync my Figma variables", "import variables from Figma", "update my theme from Figma", "pull my design tokens into…