Discover the toolingbehind modern intelligence
The operating system for AI infrastructure discovery. Search a live map of MCP servers, AI agents, LLM tools, automation systems, and developer infrastructure.
design-to-code-expert
这是一个专为 AI Agent 设计的高级 Skill。它不仅是简单的代码转换器，更是一位拥有资深前端视角的技术专家。它会自动拆解设计稿布局、对齐项目原子化间距、复用现有组件库，并强制执行交付前自检，确保生成的每一行代码都直接可用。
6stars
0forks
Python
Quality signals
StaleNo testsNo CIThin docsNo licenseNew
InstallSKILLInstall as a Claude Code skill
Universal installANY TOOL
$ npx skillcity@latest bianxuerui/design-to-code-expertAuto-detects the skill or MCP server in this repo and installs it for Claude Code, Codex, Cursor, Cline, OpenCode, Gemini CLI, Anti-Gravity, OpenClaw and Hermes.
Requires Node.js 18+ (ships with npx).
Or install manually
# Install into ~/.claude/skills/ mkdir -p ~/.claude/skills/design-to-code-expert curl -fsSL https://raw.githubusercontent.com/bianxuerui/design-to-code-expert/main/SKILL.md -o ~/.claude/skills/design-to-code-expert/SKILL.md
Loading README…
Ask a simulated agent to run this skill. It loads the real SKILL.md and reasons over your task with NVIDIA.
design-to-code-expert — sandboxAI sandbox
Pick a quick prompt below or type your own — watch the agent execute this skill step by step.
guest@skillcity:~$Try a prompt