Description
ui-to-vue is an agent skill from the ECC collection by affaan-m, listed on skills.sh. It batch-converts UI design screenshots or design exports into Vue 3 Composition API components. It gives a first pass of page components, shared components and router wiring, and it can target Vant, Element Plus or Ant Design Vue as the component library. It applies when a person supplies a folder of design images for a Vue 3 application. It does not suit a single screenshot needing a bespoke component, a project that is not Vue, a design that needs detailed interaction logic, data flow or an accessibility review, or screenshots that contain private customer data that cannot be sent to an outside model API. The listing's security audits show warnings from Gen Agent Trust Hub, Socket and Snyk. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source.…
Highlights
- Batch conversion of design screenshots
- Vue 3 Composition API output
- Vant, Element Plus or Ant Design Vue
- Page, shared component and router first pass
Ratings & Reviews
No ratings yet
Be the first to rate ui-to-vue.
People also visit
update-screenshots
Update the committed blocks-ci screenshot hashes after the "Screenshots & Tests"
gsap-frameworks
GSAP animation setup for Vue, Svelte, Nuxt, and other component frameworks
webapp-testing
Test local web applications using Playwright for UI verification and debugging
ui-to-vue FAQ
What does the ui-to-vue skill do?
It turns a folder of UI design screenshots into a first pass of Vue 3 components and router setup.
Which component libraries does it support?
Vant, Element Plus and Ant Design Vue.
When should I not use it?
For a single screenshot, a non-Vue project, interaction-heavy designs, or screenshots with private customer data that cannot go to an external model API.
How do I install it?
Run: npx skills add https://github.com/affaan-m/ecc --skill ui-to-vue
Is it free?
Yes. It is free and open source.
Are there security warnings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all with warnings.
What are the best ui-to-vue alternatives?
Popular alternatives to ui-to-vue include nuxt4-patterns, vue-patterns and update-screenshots. See all ui-to-vue alternatives