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

Get it

$ npx degit davila7/claude-code-templates/cli-tool/components/skills/design-to-code .claude/skills/design-to-code

From the most-starred rig that ships it: davila7/claude-code-templates. Same-named skills in different rigs may differ — review before use.

Often used together with

Rigs using design-to-code (6)

davila7/claude-code-templates

CLI tool for configuring and monitoring Claude Code

★ 32.3k project Claude CodeCodex 27 mcp 3 skills 15 agents 21 hooks 7d ago

YOLO Cowboy 80.9k tok ·

vibeeval/vibecosystem

AI software team for Claude Code - 138 agents, 295 skills, 73 hooks. Self-learning, multi-agent swarm, autonomous skill evolution.

★ 535 collection CodexCursor 150 skills 2mo ago

Skill Collector 4.7k tok ·

yonatangross/orchestkit

The Complete AI Development Toolkit for Claude Code. 106 skills, 36 agents, 171 hooks. Install `ork` for stable (v9.x), or `ork-alpha` for the v10 line, which ships daily.

★ 286 project Claude CodeCodex 1 mcp 117 skills 4d ago

Skill Collector 10.2k tok ·

ursazoo/lanhu-to-code

蓝湖设计稿转前端代码的 Claude Code Skills 工具集 | Lanhu design-to-code workflow for Claude Code

★ 8 project Claude Code 4 skills 5mo ago

Minimalist 196 tok ·

MortuisVMain/ai-agent-superpowers

🧠 132+ Engineering Superpowers & Cognitive Architecture for Autonomous AI Agents. Zero Slop, 100% Craft.

★ 0 collection Claude Code 119 skills 15d ago

Skill Collector 3.7k tok ·

qepilot/qepilot-stack

QEPilot Stack — a browsable catalogue of Claude Code agents, commands, skills, MCPs and hooks. Fork of the MIT-licensed claude-code-templates by Daniel (San) Ávila.

★ 0 project Claude CodeCodex 27 mcp 3 skills 15 agents 21 hooks today

YOLO Cowboy 78.0k tok ·