← All skills

design-to-code

95 / 100 · Low risk

Fine to try.

By artubss/SKILLS-CLAUDE-CODE (GitHub) · design · 11 stars · scanned at commit ac67ed8

Conversão pixel-perfeita de Figma para React usando coderio. Gera código pronto para produção (TypeScript, Vite, TailwindCSS V4) com alta fidelidade visual. Inclui tratamento robusto de erros, recuperação de checkpoints e execução simplificada via script auxiliar.

Works with any agent that supports SKILL.md skills.

What this skill can do

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'design-to-code' ] || [ -L ~/.agents/skills/'design-to-code' ]; then echo 'A skill folder named design-to-code already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/artubss/SKILLS-CLAUDE-CODE' "$d" && git -C "$d" checkout --quiet 'ac67ed85889b15fa9e784e2a93a83f8916870698' -- 'skills/skills/design-to-code' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills/skills/design-to-code' ~/.agents/skills/'design-to-code' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'design-to-code' ~/.claude/skills/'design-to-code' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for artubss/SKILLS-CLAUDE-CODE shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/artubss/SKILLS-CLAUDE-CODE.svg)](https://zalavijaysinh.github.io/skilltrust/repos/artubss/SKILLS-CLAUDE-CODE/)

Score history