lanhu-to-code
A set of Claude Code skills that turn a Lanhu design-tool page link into Vue or React frontend code, reusing existing project components and mapping raw design values to design tokens instead of hard-coding them.
lanhu-to-code packages a design-to-code workflow as Claude Code skills: given a Lanhu design page URL, it reads the design through a Lanhu MCP connection, inspects the target project's own conventions from its README, CLAUDE.md, and documentation, and reuses existing components before creating new ones. It generates framework code for Vue, React, or whatever stack the project describes, converting raw design values such as colors and spacing into the project's own design tokens.
Rather than guessing uncertain details, it marks unclear API paths, enum values, or business logic as explicit to-do items in the generated code, and it can optionally run a code-review pass after generation. The workflow is split into a main design-to-code skill and supporting skills for code generation, code formatting, and generating component documentation.