Skip to content
Motif
All tracks

Track 11

Generative & agentic UI

Declarative UI for models, tool UIs, and the bring-your-own-key pattern, done safely.

  1. Lesson 1:
    Intermediate16 min

    Declarative UI for models

    Generative UI is safest when a model emits structured data, not markup. Your app renders it with a fixed allow-list of trusted components — never raw HTML.

  2. Lesson 2:
    Intermediate15 min

    Tool UI patterns

    When an AI agent calls tools, the user needs to see it: pending, streaming, result, error, and a human-in-the-loop approval before anything consequential runs.

  3. Lesson 3:
    Advanced16 min

    Bring your own key

    The BYOK pattern lets users run a feature with their own API key, kept on their device and never sent to your server. Learn the data flow and the real risks.

  4. Lesson 4:
    Intermediate13 min

    Streaming & optimistic UI

    Model UIs feel instant when you stream tokens as they arrive and render the user's action optimistically, reconciling with the server and rolling back on error.