home/categories/design/tencentblueking-blueking-dbm-dbm-ui-frontend-cursor-skills-design-to-code-skill-md
designcontent-media

design-to-code

Converts design mockups, screenshots, or UI images into Vue 3 frontend code. Use when the user provides a design image, UI screenshot, mockup, or wireframe and asks to generate page code, implement a design, or convert a design to code.

TencentBlueKing
maintainer
TencentBlueKing
Actualizado 4/1/2026
Estrellas
116
Forks
85
quick start

Installation and usage

Converts design mockups, screenshots, or UI images into Vue 3 frontend code. Use when the user provides a design image, UI screenshot, mockup, or wireframe and asks to generate page code, implement a design, or convert a design to code.

Instalación
$ install --globalskills.sh
Uso

Después de instalarlo, puedes usar este skill ejecutando el siguiente comando en tu terminal:

skills use design-to-code