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.
maintainer
TencentBlueKing
अपडेट किया गया 4/1/2026
स्टार
116
फोर्क
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.
इंस्टॉलेशन
$ install --globalskills.sh
उपयोग
इंस्टॉल करने के बाद, आप टर्मिनल में यह कमांड चलाकर इस स्किल का उपयोग कर सकते हैं:
skills use design-to-code