Builder

Introducción

Builder es un generador de sitios web impulsado por IA de HotCode AI. Describe lo que quieres en lenguaje natural, y Builder genera un sitio web completo y listo para producción — código limpio, diseño moderno, totalmente responsivo — típicamente en menos de un minuto.

No necesitas escribir código para usar Builder, pero el resultado tampoco es una caja negra: cada sitio generado es un proyecto real de Next.js escrito en TypeScript, que puedes previsualizar en vivo, editar visualmente, inspeccionar archivo por archivo, exportar como ZIP o desplegar con un clic.

Qué puedes hacer con Builder

  • Generar un sitio web completo a partir de un prompt — describe un negocio, producto o idea y obtén un sitio de varias páginas, con texto, diseño y estilo ya completados.
  • Editar visualmente — haz clic en cualquier elemento de la vista previa en vivo para cambiar fuentes, espaciado, colores o texto sin tocar código.
  • Iterar mediante chat — solicita cambios en mensajes de seguimiento ("oscurece el hero", "agrega una sección de precios") y Builder edita el proyecto existente en lugar de empezar de nuevo.
  • Clonar un sitio web existente como punto de partida, en lugar de describir uno desde cero.
  • Desplegar al instante en Vercel, o exportar el código fuente completo y alojarlo donde quieras.
  • Colaborar invitando a otros a un proyecto como editores.
  • Agregar un chatbot con IA a tu sitio generado, impulsado por Claude.

Cómo está organizada esta documentación

  • Primeros pasos — crea una cuenta y genera tu primer sitio.
  • El builder — todo dentro del espacio de trabajo /generate: prompts, vista previa en vivo, el editor visual, el explorador de archivos, el historial de versiones y la clonación de sitios web.
  • Plantillas — puntos de partida predefinidos desde los que puedes generar en lugar de un prompt vacío.
  • Proyectos — administrar, exportar y desplegar lo que has construido.
  • Colaboración — compartir un proyecto con compañeros de equipo o clientes.
  • Panel de administración — el editor estructurado, basado en pestañas, para contenido, tema, recursos, fuentes y el chatbot de IA integrado en un proyecto específico.
  • Facturación y créditos — cómo se mide y se paga el uso.
  • Cuenta — preferencias de apariencia, idioma y vista previa.
  • Recursos — una mirada bajo el capó, y respuestas a preguntas comunes.

Continúa al Inicio rápido para generar tu primer sitio.