Tilde

An agent that travels with you, under your sky

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 is a concept of my own: the interface for an AI agent that travels with a freelance designer on a work trip. It plans the trip, packs for the weather, books where to stay and drafts the work that needs your OK. The sky behind it is the real weather where you are. I defined how it talks, what it shows and when it asks for permission. For the build, I directed Claude.

Year: 2026
Industry: AI agents
Type: AI agent interface concept

Services

Creative AIUX/UIInteraction designDevelopmentAccessibility

Try the demo

Shown for portfolio purposes only. Brands belong to their owners; if you own it and want it removed, email me. Terms ↗

// an-agent-that-assumes-nothing.md
const tilde = {
  industry: "AI agents",
  services: ["Creative AI", "UX/UI"],
};

01Challenge

An agent that assumes nothing

Most AI chats expect you to know what to ask. I wanted the opposite: an agent that suggests the next step and says why. In the demo you’re a designer flying from Bogotá to São Paulo and Buenos Aires with work pending. Tilde takes you from the flight to the bag, the hotel and what can’t go out without your OK.

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

02UX approach

Nothing goes out without your OK

Every answer arrives as a card inside the chat: the boarding pass, the bag, the room, the quote. The ones that act for you carry their own buttons, and nothing is sent until you approve. Before offering you a hotel, Tilde searches and shows how it chose. On the right sits what’s waiting for your OK and the days of the trip.

// the-sky-is-yours.md
const tilde = {
  year: 2026,
  industry: "AI agents",
};

03Build

The sky is yours

The background is a WebGL shader with the real weather where you are. It uses your approximate location, rounded to a kilometer, and never stores it. The forecast comes from MET Norway. The whole interface takes its color from the sky, and I checked the contrast of all 15 possible skies. If your device can’t keep up, the sky goes still on its own. It works with a keyboard and a screen reader.

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

04Result

What changed once others used it

I tested it with real people. They typed before tapping the suggested replies, and the to-do list looked like something to tick by hand. I added a guide that shows up when you say hi, a hint that points at the reply and buttons that ask for attention if nothing happens. The list now uses chat bubbles. It’s live, and the rest is yours to try.

[ OR™ ‒ RELATED / tilde.related ]

The closest matches to this case come first. Use the arrows to browse the rest.