Constructor de Sitio Web Personal
Construye y despliega un sitio web académico personal — desde tu CV hasta un sitio en vivo en GitHub Pages.
El Flujo de Trabajo
| Paso | Qué Hace |
|---|---|
| Analizar CV y Pre-llenar | Extrae identidad, biografía, publicaciones, docencia, estudiantes y divulgación de tu CV cargado |
| Identidad y Estilo | Revisa y edita tu nombre, título, institución, foto, enlaces de redes sociales |
| Biografía e Intereses | Revisa y edita tu biografía, intereses de investigación y premios |
| Investigación y Publicaciones | Revisa y edita direcciones de investigación y lista de publicaciones |
| Docencia | Revisa y edita cursos, años, audiencia |
| Equipo y Estudiantes | Revisa y edita estudiantes actuales, exalumnos, temas de investigación |
| Divulgación y CV | Revisa y edita actividades de divulgación y participación en la industria |
| Ensamblar Sitio | Combina todas las secciones en una plantilla React + Tailwind y construye el sitio |
| Desplegar en GitHub Pages | Crea un repositorio en GitHub, sube la compilación, habilita Pages — devuelve una URL en vivo |
Cómo Se Construyó
"Build a personal academic website from my CV. Let me review each section before publishing. Deploy to GitHub Pages."
MorphMind creó un pipeline de 9 pasos: analizar el CV, pre-llenar cada sección, permitir al usuario editar cada una con vistas previas estilizadas, ensamblar el sitio y desplegar — todo en una sesión.
Por Qué Funciona Mejor Que un Chatbot
Pídele a ChatGPT que "construya un sitio web desde mi CV" y obtienes un bloque de HTML. ¿Y ahora qué? El problema:
- Genera todo el sitio de una vez — si tu sección de publicaciones está mal pero tu biografía es perfecta, tienes que regenerar todo. No hay forma de corregir una sección sin perder tus ediciones en otra.
- Sin vista previa antes de desplegar — obtienes código en bruto sin forma de ver cómo se ve hasta que configuras manualmente el hosting, subes archivos y lo cargas en un navegador. Aquí, cada sección muestra una vista previa estilizada antes de confirmar.
- No conoce tu CV — pegas tu CV, el chatbot lo resume y pasas la siguiente hora corrigiendo nombres, fechas y títulos de artículos. Este agente analiza tu CV en campos estructurados que revisas sección por sección.
| El Problema | Enfoque de Flujo de Trabajo |
|---|---|
| Un resultado HTML monolítico — no puedes corregir una sección | Cada sección es independiente — edita la biografía, mantén las publicaciones |
| Sin vista previa hasta que despliegas manualmente | Vista previa estilizada para cada sección antes del ensamblaje |
| Pegar CV, obtener resumen aproximado, corregir manualmente | Análisis estructurado del CV en campos editables |
| "Aquí está tu código" — resuelve el hosting tú mismo | Despliegue en un clic a GitHub Pages con URL en vivo |
Prompts de Ejemplo
Here's my CV — build my personal website. I'm an assistant professor at MIT.
Update my publications section — add my new paper from Nature Methods 2025.
Change the color scheme to dark mode and redeploy.
Preguntas Frecuentes
¿Puede la IA construir un sitio web académico personal desde un CV?
Sí. Este agente analiza tu CV (PDF), extrae datos estructurados para cada sección (biografía, publicaciones, docencia, equipo) y te permite revisar y editar cada sección con vistas previas estilizadas antes de ensamblar y desplegar el sitio.
¿Cómo despliego un sitio web académico en GitHub Pages?
Sube tu CV, revisa las secciones pre-llenadas y haz clic en desplegar. El agente crea un repositorio en GitHub, sube el sitio compilado, habilita GitHub Pages y devuelve una URL en vivo. No se requieren comandos de terminal ni conocimiento de Git.
¿Qué stack tecnológico usa el sitio web generado?
El sitio está construido con React, Vite y Tailwind CSS — moderno, rápido y responsive para móviles. El agente maneja toda la configuración de compilación para que solo interactúes con el contenido, no con el código.