Design To Code

davila7

Pixel-perfect Figma to React conversion using coderio. Generates production-ready code (TypeScript, Vite, TailwindCSS V4) with high visual fidelity. Features robust error handling, checkpoint recovery, and streamlined execution via helper script.

Install

npx skills add davila7/claude-code-templates --skill design-to-code

npx skills add davila7/claude-code-templates --skill design-to-code -a claude-code -g

npx skills add davila7/claude-code-templates --skill design-to-code -a codex -g

gemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/design-to-code

gh skill install davila7/claude-code-templates design-to-code

git clone --depth 1 https://github.com/davila7/claude-code-templates /tmp/davila7__claude-code-templates
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/design-to-code ~/.claude/skills/design-to-code   # Claude Code
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/design-to-code ~/.agents/skills/design-to-code   # Codex, Cursor, Gemini CLI, Copilot, OpenCode

Install

Related