← Volver al catálogo
WebGeneraciónIntermedioEn el pase

Capturas de UI a Componentes Vue 3

Convierte por lotes capturas de diseño o exports de UI en componentes Vue 3 con Composition API, mapeando los elementos visuales a librerías como Vant, Element Plus o Ant Design Vue. Genera una primera pasada de componentes de página, componentes compartidos y el cableado del router. Para equipos que parten de una carpeta de diseños y quieren acelerar la maquetación inicial en Vue.

Comprobando acceso…

Incluida en el Pase · para Claude Code

// resultado_de_ejemplo
Abrir en una pestaña nueva ↗

// qué_hace

Transforma capturas de diseño en componentes Vue 3 listos para iterar.

// cómo_lo_hace

Agrupa las capturas por módulo y estado de página, mapea los elementos visuales a la librería de componentes elegida, extrae regiones repetidas como componentes compartidos y genera páginas, shared components y router.

// ejemplo_de_uso

Úsala cuando un diseñador te pasa pantallas en Figma o capturas y tienes que convertirlas en código Vue sin partir de cero. Ej.: conviertes 8 capturas de un panel en componentes Vue 3 con su router, reutilizando la tarjeta repetida como componente compartido.

// plataformas

Claude Code
Categoría
Web
Tipo
Generación
Nivel
Intermedio
Licencia
MIT
Seguridad
seguro · riesgo bajo
Versión
1.0.0

// opiniones_de_la_comunidad

Opiniones

Cargando opiniones…