Skills
.Work. You
Rest

ui-to-vue

Community

Batch-convert UI designs into Vue 3 components

Design & Creative#cli#ui-design#component-generation#vue3#batch#design-screenshots
Authorsakamoto-family-smile
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Batch-convert UI design screenshots into Vue 3 components to accelerate frontend development and ensure design consistency.

Core Features & Use Cases

  • Batch-processing: group related screenshots by module and page state to generate reusable Vue components and router wiring.
  • UI library mapping: output components compatible with Vant, Element Plus, or Ant Design Vue for Vue 3 projects.
  • CLI-driven workflow: integrate design-to-code conversion into CI/CD and design handoff with minimal manual tweaks.

Quick Start

Run the converter with the documented CLI to generate Vue components from your design screenshots, specifying input, UI library, and output paths.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-to-vue
Download link: https://github.com/sakamoto-family-smile/agent_monorepo/archive/main.zip#ui-to-vue

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 545,000+ vetted skills library on demand.