SELL.SYSTEMS AI CAMPUS

Misión 1 - Del dominio al sitio web en vivo

Publica tu primer sitio web de IA en vivo.

Conecta un dominio gestionado en el panel de control, luego construye directamente con Codex en WebTerminal o vincula primero OpenClaw con Telegram y envía la misma transferencia consciente de la instancia desde el chat. Cualquier camino convierte tu brief creativo en un sitio web público que puedes verificar y mejorar.

Resultado de la misión

Un sitio web HTTPS funcional en tu dominio vinculado, construido en tu entorno gestionado privado de IA y listo para la revisión del mentor.

Selecciona tu superficie de control

Trabaja directamente en WebTerminal o bien opera a través de OpenClaw en Telegram.

Ambas rutas utilizan la misma instancia administrada, transferencia de dominio, brief creativo editable, verificaciones de publicación y puerta de validación del mentor. Elige la interfaz que te ayude a comenzar y mantener el control.

Ruta directa: sin configuración adicional

Construye en WebTerminal

Utiliza la terminal de ancho completo de esta página cuando desees visibilidad inmediata de los comandos, archivos, servicios y resultados de validación. Pega primero la transferencia de la instancia y luego el brief editado de tu sitio web.

Continuar en WebTerminal

Ruta orientada a Telegram: configuración única

Opera con OpenClaw

¿Prefieres una interfaz de chat? Completa primero OpenClaw Mission 0 para instalar el orquestador, vincular tu bot con Telegram y verificar la conexión en vivo. Luego regresa aquí y envía la misma transferencia de la instancia y el brief editado a través de tu chat vinculado de OpenClaw.

1
Abre el OpenClaw Orchestrator Lab e inscríbete.
2
Completa Mission 0 y verifica la vinculación con Telegram de extremo a extremo.
3
Regresa a esta misión y envía la misma transferencia junto con el brief del sitio web desde Telegram.

Iniciar OpenClaw Mission 0 Vista previa de la guía de OpenClaw

La interfaz cambia; el contrato de entrega no. Publica un sitio web HTTPS real, valídalo y envía pruebas objetivas.

Guía paso a paso del fundador

Observa el flujo de trabajo completo, desde el dominio hasta la entrega, antes de comenzar.

Audio en inglés con subtítulos. La grabación utiliza un dominio gestionado real y un flujo de trabajo de instancia real; no se muestran credenciales ni datos privados del estudiante.

Abrir la transcripción accesible

Capítulos del vídeo

00:00Primero el resultado: el sitio web público terminado
00:24Vincular un dominio gestionado
01:03Copiar la transferencia de la instancia
01:15Dar instrucciones a Codex y construir
02:26Verificar HTTPS, versión móvil, accesibilidad y pruebas

Tu ruta de operador en cinco pasos

1
Conectar dominio: selecciona una instancia en ejecución y vincula un nuevo dominio gestionado.
2
Copiar transferencia: abre la pestaña Agent y copia la transferencia del agente de instancia (Instance Agent Handoff).
3
Dar instrucciones al agente: pega la transferencia y edita los requisitos creativos a continuación.
4
Lanzamiento: permite que el agente inspeccione, construya, configure y publique el sitio web.
5
Verificar: abre la URL pública y captura evidencias de publicación objetivas.

Vincular el dominio en tu panel de control

Usa la pestaña Domains para la instancia en ejecución que pertenece a este espacio de trabajo de práctica. La plataforma administra el DNS público y TLS; el agente de la instancia administra la aplicación web y el servicio web local.

1
Abre el panel de control de Sell.Systems Automation y selecciona la instancia de práctica en ejecución.
2
Abre Domains, ingresa una primera etiqueta única y elige agenthost.link para esta misión de sitio web.
3
Elige Plan domain y revisa el dominio exacto y el plan de enrutamiento.
4
Elige Add domain y confirma la adición solicitada dentro de la ventana de confirmación.
5
Espera hasta que el estado del dominio esté activo. No cambies el DNS público manualmente.
6
Abre Agent, elige Instance Agent Handoff y copia el prompt de transferencia completo.

Abrir el panel de control de Domains

Edita tu informe del sitio web y envíalo con la transferencia de la instancia

Mantén la transferencia del dominio por encima de este prompt. Reemplaza cada campo entre corchetes con tus propios requisitos creativos. Las instrucciones son independientes del agente, aunque este curso demuestra el flujo de trabajo con Codex CLI.

Eres el agente de implementación para este sitio web.

Lee https://github.com/SELLSYSTEMS/rules-for-creation-webdesign-websites-for-ai-agents/blob/main/AGENTS.md y cada archivo que requiera antes de modificar archivos. Utiliza el espacio de trabajo actual y el dominio gestionado ya proporcionado en la transferencia de la instancia.

INFORME CREATIVO - EDITA CADA CAMPO ENTRE CORCHETES
- Nombre de trabajo: [AÑADE EL NOMBRE DE TU SITIO WEB O MARCA]
- Propósito: [DESCRIBE LA OFERTA O RESULTADO REAL]
- Audiencia principal: [DESCRIBE A QUIÉN VA DIRIGIDO ESTE SITIO WEB]
- Acción principal: [DESCRIBE LA ÚNICA ACCIÓN QUE DEBEN REALIZAR LOS VISITANTES]
- Secciones requeridas: [ENUMERA LAS SECCIONES QUE NECESITAS]
- Tono y dirección visual: [DESCRIBE LA SENSACIÓN, REFERENCIAS Y ESTILOS A EVITAR]
- Datos y pruebas requeridos: [AÑADE SOLO DATOS QUE PUEDAS RESPALDAR]
- Idiomas requeridos: [ENUMERA LOS IDIOMAS O ESCRIBE SOLO INGLÉS]
- Recursos proporcionados: [ENUMERA LOGOTIPOS, FOTOS, TEXTOS REALES O ESCRIBE NINGUNO]
- Requisitos creativos adicionales: [AÑADE TUS PROPIAS IDEAS AQUÍ]

CONTRATO DE ENTREGA
1. Inspecciona el proyecto actual, el entorno de ejecución, la transferencia del dominio, los archivos existentes y los servicios activos antes de editar.
2. Crea un sitio web adaptable, original y listo para producción, con un único momento visual distintivo y relevante para el producto, no un catálogo de efectos.
3. Utiliza imágenes generadas originales solo cuando respalden el tema. Nunca generes pruebas falsas, testimonios, paneles de control, logotipos de clientes ni estados de producto ficticios.
4. Mantén el significado importante en HTML semántico. Implementa acceso por teclado, foco visible, movimiento reducido, cobertura correcta de fuentes/escritura y comportamiento RTL para cada idioma solicitado.
5. Implementa metadatos factuales de título y descripción, comportamiento canónico, metadatos sociales, contenido rastreable, los datos estructurados correctos más precisos, comportamiento de robots y cobertura de mapa del sitio (sitemap) cuando corresponda.
6. Mantén los secretos fuera del control de versiones y de los archivos públicos. Registra la fuente y la base de uso de cada recurso proporcionado, generado o de terceros.
7. Configura la aplicación local o el servicio web para el dominio indicado en la transferencia. No cambies el DNS público ni TLS administrados por la plataforma.
8. Valida la URL pública, HTTPS, los diseños para escritorio y móviles, la contención de texto, las interacciones requeridas, los errores de consola/red, los aspectos básicos de accesibilidad, los metadatos, los datos estructurados y el movimiento reducido.
9. Continúa a través de la implementación y la verificación. No te detengas tras presentar un plan ni me pidas que vuelva a enunciar la tarea. Haz una sola pregunta precisa únicamente si falta un requisito verdaderamente irreversible.
10. Finaliza con la URL pública, los archivos modificados, los comandos/servicios utilizados, la evidencia de validación, la procedencia de los recursos y cualquier riesgo restante honesto.

Construye una capa de medios real, no relleno decorativo

La guía demuestra la generación de imágenes originales con Nano Banana 2, narración con ElevenLabs y ensamblaje final con FFmpeg. Tu sitio web puede utilizar las mejores herramientas disponibles, pero cada recurso publicado debe ser relevante, revisado, optimizado y de origen verídico.

No envíes hasta que se aprueben estas comprobaciones de publicación

URL pública: el dominio vinculado abre el sitio web previsto sin inicio de sesión ni bucles de redirección.
HTTPS: el navegador muestra una conexión segura válida y ninguna advertencia de contenido mixto.
Diseño adaptable: las vistas reales de escritorio y móvil no tienen superposiciones, recortes ni desbordamiento horizontal.
Accesibilidad: la navegación por teclado, el foco visible, los encabezados, las etiquetas, el contraste, el texto alternativo y el movimiento reducido son utilizables.
Legibilidad para búsqueda y LLM: el HTML semántico, los metadatos factuales, la URL canónica, los datos estructurados y las respuestas rastreables coinciden con la página visible.
Pruebas: las capturas de pantalla y las notas muestran la URL real y el estado verificado sin secretos ni datos privados.

Practica en tu propio servidor sin limites: sitios web, bots, contenido y automatizaciones en un solo lugar.

Lanzar sistemas de IA gratis →