¿Qué hace esta skill?

Esta skill toma el código fuente completo de cualquier aplicación existente —sin importar el framework de origen— y lo transforma en un proyecto Astro listo para ejecutar. Preserva toda la lógica de negocio, llamadas a APIs, datos y cantidad de pantallas del proyecto original, priorizando Svelte o Vue para los componentes interactivos y usando Tailwind CSS o Bootstrap para los estilos.

Migrar de React a Astro
Convierte apps React/Vite a Astro con islas interactivas en Svelte o Vue, manteniendo toda la funcionalidad original.
Reescritura completa
Transforma proyectos legacy de cualquier lenguaje en proyectos Astro modernos, estructurados y mantenibles.
Modernizar el stack
Migra apps con estilos antiguos a Astro con Tailwind CSS o Bootstrap, mejorando el diseño sin perder lógica.
Preparar para producción
Obtén un proyecto con configuración de build, tests por vista y documentación de despliegue para Docker, Vercel y Netlify.

Ejemplos de uso

🎯 Migrar app de React
Aquí tienes el código fuente de mi app de gestión de tareas hecha en React con Vite. Tiene login, lista de tareas, filtros y llamadas a una API REST. Quiero convertirla a Astro.
📦 Convertir app Vue
Tengo una aplicación Vue 2 con Vuex que gestiona un inventario. Conviértela a un proyecto Astro completo preservando toda la lógica y pantallas.
🔄 Reescribir app legacy
Aquí está el código de mi app en jQuery y PHP. Migra todo a Astro con Svelte para los componentes interactivos y Tailwind para los estilos.
🚀 Modernizar app Angular
Quiero migrar mi app de Angular a Astro. Tiene auth con cookies, websockets y varias vistas. Adapta todo lo que no tenga equivalente directo en Astro.

Características

Detección automática del framework de origen Analiza el código fuente y detecta automáticamente el lenguaje o framework original sin necesidad de especificarlo.
Islas interactivas con Svelte o Vue Prioriza Svelte o Vue para componentes interactivos; React solo se usa como última opción, siguiendo las mejores prácticas de Astro.
Preservación total de lógica y pantallas Mantiene toda la lógica de negocio, datos, llamadas a APIs y la misma cantidad de pantallas del proyecto original.
Adaptación de tecnologías sin equivalente Para sesiones, websockets o auth por cookies, implementa soluciones alternativas basadas en consultas y localStorage.
Tests y despliegue incluidos Genera un test simple por cada vista que valide ausencia de errores y documentación de despliegue para Docker, Vercel y Netlify.

Preguntas frecuentes

Soporta cualquier framework o lenguaje de origen. La skill detecta automáticamente las tecnologías del proyecto original y las mapea a sus equivalentes en Astro.
No por defecto. La skill prioriza Svelte o Vue para las islas interactivas. React solo se considera como última opción cuando no hay alternativa viable.
Para tecnologías sin equivalente directo en Astro, la skill implementa soluciones alternativas basadas en consultas y localStorage como mecanismo de persistencia y gestión de estado en el cliente.
No. La skill genera un test simple por cada vista que valida la ausencia de errores y redundancia. No incluye suites de tests exhaustivos.
Convierte cualquier app en un proyecto Astro completo

¿Prefieres escuchar el contenido? Genera la narración de audio con un clic.