design-to-code
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.
- Score
- Unranked
- Evidence
- No signals yet
- Last commit
- Not known
- Listed
Install
armory install design-to-code --cli claudewrites the skill into.claude/skills/design-to-code/SKILL.mdListed as compatible
# fetches the source and writes it to:
.claude/skills/design-to-code/SKILL.mdNeeds the armory CLI · not on npm yet, build it from cli/ in the repository
What it is
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.
When to use it
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.
How to install / invoke
# Copy the skill into your .claude/skills/ directory
curl -sL https://raw.githubusercontent.com/davila7/claude-code-templates/main/cli-tool/components/skills/design-to-code/SKILL.md -o .claude/skills/design-to-code/SKILL.md
Notes
Extracted from davila7/claude-code-templates, design-to-code category.