sk Skill · affaan-m
ui-to-vue
Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element Plus, or Ant Design Vue.
Open on skills.sh ↗read 2026-09-15
- installs 8w
- 1,723
- 30-day movement
- starts with the next reading
- Related entries
- 3
- Connections
- 0
jsongitignorebashJavaScript
An agent skill that batch-converts directories of UI screenshots or design-export images into Vue 3 Composition API page components, mapping elements to Vant, Element Plus, or Ant Design Vue. It groups related screenshots (list, detail, form, loading, empty states) into single page components and runs via an npx-invoked converter backed by a DashScope model API.
Reach for it when you need a first-pass scaffold of many Vue 3 pages from design images rather than hand-writing each component.
Use it to
- Batch-convert a directory of design screenshots into Vue 3 page components
- Map UI elements to Vant, Element Plus, or Ant Design Vue components
- Combine list/detail/form/loading/empty state screenshots into one page component
- Extract repeated UI regions into shared components
- Review generated output against the documented checklist
For Vue 3 developers converting design exports into starter components
- Host repository
- affaan-m/ECC
- Installs, lifetime
- 2,900
- Installs, 8 weeks
- 1,723
- Host stars
- 259k
- Host language
- JavaScript
topicsvue3design-to-codescreenshotscomponent-generationvantelement-plus