Menú
Servicios
Proyectos
Mekishico®BrandingWebsitesRedes socialesContent Lab
Conversaciones Blog Hablemos
Hablemos
Proyectos web

Web App · Agente IA

Agente Editor Web con IA

Tu siguiente cambio empieza con una conversación.

Una aplicación privada para actualizar el sitio de Veromadrig con instrucciones en lenguaje natural, aportar imágenes y revisar una vista previa antes de decidir qué publicar.

Quiero un editor para mi sitio
Interfaz inicial del Agente Editor Web con IA con conversación a la izquierda y vista previa del sitio a la derecha
Agente Editor Web con IA en una pantalla de escritorio y una tablet
VEROMADRIG · 01 / 03
01 · Conversación y contexto

Tu contenido. Tu sitio. Una conversación.

La captura de la interfaz inicial muestra la idea central del producto: mantener cerca lo que se pide y lo que cambia. El panel evoluciona con el uso, conservando una regla: revisar primero y publicar después.

01Contenido e imágenes propios
Los archivos se aportan desde el panel y el agente recibe indicaciones sobre dónde colocarlos. La optimización de imágenes forma parte del flujo de carga.
02Continuidad visual
Las nuevas páginas deben reutilizar navegación, encabezado, pie de página y estilos del sitio. La ubicación en el menú se define antes de incorporarlas.
03Control editorial
Las solicitudes tienen estados visibles y los cambios se revisan antes de aprobar la publicación. Los errores requieren resolverse, no se interpretan como una entrega exitosa.
Agente Editor Web con IA en un teléfono con carga de imágenes
VEROMADRIG · 02 / 03
02 · Adaptable a cada pantalla

Una experiencia que te acompaña.

Las decisiones editoriales también se revisan donde trabaja la mayoría de las personas: en el teléfono. El mockup móvil muestra cómo aportar una imagen y revisar una página sin perder la jerarquía ni el tono de la marca.

EscritorioTabletMóvil
Mapa visual del flujo editorial del Agente Editor Web con IA
VEROMADRIG · 03 / 03
03 · Lógica del agente

Pedir. Revisar. Aprobar.

La lógica detrás del agente se puede explicar sin convertir el caso en documentación técnica: recibir contexto, preparar el cambio, revisar la vista previa y aprobar la publicación. Cada paso conserva un punto de control humano.

01Recibir
La persona escribe la solicitud, aporta contenido y adjunta los assets necesarios.
02Construir
El agente interpreta la intención dentro del sistema de componentes y prepara una propuesta.
03Revisar
La vista previa permite comparar el resultado en escritorio, tablet y móvil.
04Aprobar
Solo después de la confirmación se inicia el proceso de publicación.

El proyecto

Periodo
2026 · Producto en evolución
Alcance
Edición conversacional · Assets · Vista previa · Publicación
01

Un sitio que puede seguir el ritmo de su creadora.

Después de publicar un sitio, el trabajo editorial continúa: nuevos proyectos, artículos, imágenes y cambios de mensaje. El editor de Vero nace para acercar esas tareas a quien conoce el contenido, sin obligarla a recorrer archivos de código para cada actualización. La conversación se convierte en el punto de entrada; el diseño existente sigue siendo la referencia.

02

Pedir, aportar contexto y revisar.

Vero describe qué quiere cambiar y en qué página. Puede adjuntar sus imágenes y dar el contenido de una nueva sección. Cuando falta información, el agente pregunta antes de continuar. El alcance incluye cambios editoriales y nuevas páginas que reutilizan la identidad, los componentes y la estructura del sitio, no rediseños automáticos sin dirección.

03

La vista previa es parte de la decisión.

La aplicación reúne el chat y la página en un mismo espacio. Las vistas de escritorio, tablet y móvil ayudan a revisar la propuesta antes de aprobarla. Los cambios pendientes se distinguen del sitio público: una respuesta del agente no equivale a una publicación. La persona conserva la decisión final sobre qué versión debe salir.

04

Automatización con límites claros.

El agente trabaja sobre el proyecto conectado y prepara cambios que pasan por comprobaciones técnicas y un proceso de publicación. El acceso es privado y las credenciales permanecen del lado del servidor. Las integraciones nuevas, los cambios de infraestructura y las decisiones de diseño fuera del sistema requieren revisión técnica; el editor no sustituye ese trabajo especializado.

05

Una herramienta a medida, no otro constructor genérico.

El panel utiliza Next.js, React y TypeScript. Netlify aloja la aplicación y coordina la ejecución del agente y los despliegues; GitHub conserva las versiones del sitio. Las imágenes se optimizan a WebP con Sharp y se almacenan en Netlify Blobs. Esta separación permite cuidar la experiencia editorial sin convertir el sitio público en un panel de administración.

El sistema detrás

Una experiencia preparada para crecer.

La dirección visual convive con una base técnica diseñada para mantener el contenido vigente, facilitar la operación y cuidar cada punto de contacto.

01

Conversar

Instrucciones y contenido aportados por la persona que conoce su marca.

02

Revisar

Vista previa y cambios pendientes antes de tocar la versión pública.

03

Publicar

Aprobación explícita y seguimiento del resultado de la publicación.

Mapa del sistema

De una instrucción
a una publicación.

La automatización ayuda a preparar el trabajo; la decisión editorial permanece siempre del lado de la persona.

  1. 01

    Recibir

    Solicitud, contexto, contenido y assets.

  2. 02

    Interpretar

    El agente identifica página, alcance y componentes reutilizables.

  3. 03

    Preparar

    Se genera una propuesta dentro del sistema visual existente.

  4. 04

    Revisar

    La vista previa permite comprobar escritorio, tablet y móvil.

  5. 05

    Aprobar

    La publicación solo comienza después de la confirmación.

Empecemos por una conversación

¿Hablamos de
tu proyecto?

Exploramos tu idea, tus objetivos y los retos que enfrentas para definir el siguiente paso.

$638 MXNSesión de exploración

45 min · Online · IVA incluido

Recibirás una lista de siguientes pasos y tareas recomendadas.

Agenda tu sesión