◦ Prompt · Design

Give Your AI Agent a Screen It Can Draw On: The On-Demand Widget System Behind Trillion

Paste this into Claude Code, Cursor, or any coding agent. It walks your agent through building the widget system Trillion uses to put numbers, plans and inboxes on screen while she talks: a small kit of building blocks the page knows how to draw, ready-made widgets the server expands into those blocks, a design system so every card looks like it belongs, widget packs that only appear when the matching app is connected, custom widgets built from the same blocks, tap-to-ask buttons that can never approve anything, and live widgets that refresh themselves while you're looking. It interviews you first about your agent, your users and your apps, then builds one layer at a time, each one something you can see working before the next begins.

Oct 27, 2026aiagentsuiwidgetsdesign-systemtool-usedashboardstutorial
◦ 5,614 builders waiting

Want the agent behind these prompts?

These prompts came out of building Trillion. The whole thing is going open-source on GitHub. Drop your email and I'll ping you the moment the repo drops.

I'll send a one-time link to confirm your email. Nothing else.

◦ Next prompt
Make Your Voice AI Answer Before the Silence Gets Awkward: The Measured Speed Tricks Behind Trillion →

Paste this into Claude Code, Cursor, or any coding agent. It walks your agent through the exact changes that cut Trillion's reply time from about 3 seconds to about 2, measured from the moment you stop talking to the moment you hear her voice: a stopwatch that can't flatter you, ending your turn the instant a finished sentence goes quiet, warm connections that open while you're still talking, speaking the first phrase instead of waiting for the full stop, a faster voice model, and caching the whole conversation. It interviews you first, measures before it touches anything, then changes one thing at a time and proves each saving with numbers before moving on.