Tilde

Un agente que viaja contigo, bajo tu cielo

1 0 1 0 1 0 0 1 0 1 1 0 1 0 0 1
1 1 1 1 1 1 0 1 1 1 0 0 1 0 0 1
1 0 1 0 1 1 0 1 0 1 0 1 0 1 0 1
0 0 0 1 0 0 1 1 1 1 1 1 0 1 0 1
0 0 0 1 0 1 0 0 0 1 0 0 0 0 1 1
0 1 0 0 1 0 1 0 0 1 1 1 1 0 0 1
0 1 1 0 1 1 1 1 0 0 0 1 1 0 0 0
0 1 0 0 0 0 1 1 1 1 0 1 1 1 0 0
1 0 0 0 1 0 0 0 0 1 1 1 1 1 0 0
1 0 0 0 0 0 1 0 1 1 1 0 0 0 0 1
0 0 0 0 1 1 0 1 0 1 0 0 0 1 0 1
1 1 1 1 1 0 1 0 0 0 1 0 0 1 0 1

brief.json

Tilde es un concepto propio: la interfaz de un agente de IA que acompaña a una diseñadora freelance en un viaje de trabajo. Planea el viaje, arma la maleta según el clima, reserva dónde dormir y prepara lo que necesita tu OK. El cielo de fondo es el clima real de donde estás. Definí cómo conversa, qué muestra y cuándo pide permiso. En la construcción, dirigí a Claude.

Año: 2026
Industria: Agentes de IA
Tipo: Concepto de interfaz de agente

Servicios

IA creativaUX/UIDiseño de interacciónDesarrolloAccesibilidad

Probar el demo

Mostrado solo con fines de portafolio. Las marcas pertenecen a sus dueños; si eres el titular y quieres que lo retire, escríbeme. Términos ↗

Tilde, un agente que no da nada por sabido

// un-agente-que-no-da-nada-por-sabido.md
const tilde = {
  industry: "Agentes de IA",
  services: ["IA creativa", "UX/UI"],
};

01El reto

Un agente que no da nada por sabido

La mayoría de los chats con IA esperan que sepas qué pedir. Quise lo contrario: un agente que propone el siguiente paso y dice por qué. En el demo eres una diseñadora que vuela de Bogotá a São Paulo y Buenos Aires con trabajo pendiente. Tilde te lleva del vuelo a la maleta, al hotel y a lo que no puede salir sin tu permiso.

1 1 1 1 0 0 0 1 0 1 0 1 1 1 1 0
0 0 0 0 1 0 0 0 1 1 0 1 0 1 0 0
0 1 1 0 0 1 1 1 0 0 1 1 1 1 0 0
1 1 1 0 1 1 0 1 1 1 1 0 0 1 0 0
0 1 0 1 0 1 1 0 0 1 1 1 1 0 1 1
1 0 0 0 0 1 0 0 1 0 0 0 1 0 1 0
1 0 1 1 0 0 1 1 1 0 1 1 1 0 1 1
0 1 0 1 1 1 0 1 0 1 1 1 1 0 0 1
0 1 1 1 1 1 0 0 1 0 1 0 1 1 1 0
0 0 1 0 0 1 0 1 1 1 1 0 1 0 0 1
1 1 0 1 1 0 0 1 1 1 1 0 0 1 1 0
0 1 0 0 1 1 0 0 1 0 0 1 1 0 1 0

02Enfoque UX

Nada sale sin tu OK

Cada respuesta llega como una card dentro del chat: el pase, la maleta, la habitación, la cotización. Las que actúan por ti llevan sus botones adentro, y nada se envía hasta que apruebas. Antes de ofrecerte un hotel, Tilde busca y muestra cómo eligió. A la derecha queda lo que espera tu OK y los días del viaje.

// el-cielo-es-el-tuyo.md
const tilde = {
  year: 2026,
  industry: "Agentes de IA",
};

03Construcción

El cielo es el tuyo

El fondo es un shader en WebGL con el clima real de donde estás. Usa tu ubicación aproximada, redondeada a un kilómetro, y no la guarda. El pronóstico viene de MET Norway. Toda la interfaz toma su color del cielo, y medí el contraste de los 15 cielos posibles. Si tu equipo no da abasto, el cielo se queda quieto solo. Se puede usar con teclado y lector de pantalla.

Tilde, lo que cambió al verlo en otras manos

1 1 1 0 1 1 1 1 0 1 1 0 1 1 0 1
0 1 0 0 0 1 1 0 0 0 1 0 0 1 1 1
1 1 1 0 0 1 0 1 1 1 1 0 0 0 1 1
0 0 1 0 1 1 0 1 0 0 0 0 0 1 1 0
1 0 0 1 0 1 0 0 0 1 1 0 1 0 0 0
0 0 0 0 0 1 1 0 0 0 1 1 1 0 1 0
0 0 0 1 1 1 1 1 0 1 0 0 0 0 0 1
1 1 1 0 1 0 0 1 0 1 0 0 0 0 0 1
1 0 0 0 0 0 1 0 1 1 1 1 0 1 0 0
1 1 1 1 1 1 1 0 1 0 1 0 1 1 0 0
0 0 1 0 1 0 1 1 1 0 1 1 0 0 1 0
1 1 1 1 0 0 1 1 0 0 0 0 1 0 1 1

04Resultado

Lo que cambió al verlo en otras manos

Lo probé con personas reales. Escribían antes de tocar las respuestas sugeridas, y la lista de pendientes parecía para marcar a mano. Agregué una guía que aparece con un «hola», un aviso que señala la respuesta y botones que piden atención si nadie actúa. La lista ahora usa globos de chat. Hoy está en vivo y el resto es para que lo pruebes.

[ OR™ ‒ RELACIONADOS / tilde.related ]

Primero los más parecidos a este caso. Con las flechas ves los demás.