ui-to-vue
Helps developers turn design screenshots into working Vue 3 web components automatically.
Installation
Paste this into Claude Code, Cursor, or any agent that can run commands.
What this skill does
What it does:
- Turns design pictures or screenshots into working Vue 3 code, which is a way to build web pages
- Automatically creates page layouts and reusable pieces from the pictures
- Uses popular design libraries like Vant, Element Plus, or Ant Design Vue
- Groups related screenshots into one page component
When to use it:
- When you have a folder of design screenshots and want to turn them into code
- When you are building a Vue 3 web project
- When you want the AI to create the first version of pages from designs
- When you want to save time by not typing out all the layout code by hand
The full skill text could not be loaded right now. It installs fine with the command above, or read it at the source.
Mirrored from the author's public source. Install counts from the open skills registry.