UX / UI Designer

3 courses · ~10 hours

phase 1 — Build an AI-powered interface

Get hands-on experience with the exact UI patterns you'll be designing.

[ ] Build Your First Chrome Extension

Build a real extension with AI features — settings pages, streaming responses, chat interfaces. This is hands-on experience with the exact UI patterns you'll be designing.

5 sections · 17 lessons

[ ] Understanding Chrome Extensions (3 lessons)
[ ] Your First Extension — Hello World Popup (3 lessons)
[ ] Upgrading Your Extension — Comic Sans Mode (3 lessons)
[ ] Real-World Application — AI-Powered Page Transformer (6 lessons)
[ ] Security and Distribution (2 lessons)

[→ start course]

phase 2 — How the AI decides

Understand the request/response cycle to design for real behavior.

[ ] Understanding Tool Calling

When you design loading states, error messages, and multi-step flows for AI features, understanding the request/response cycle helps you design for real behavior, not imagined behavior.

4 sections · 10 lessons

[ ] Foundations (2 lessons)
[ ] How Models Decide (2 lessons)
[ ] Advanced Patterns (3 lessons)
[ ] Security and Production (3 lessons)

[→ start course]

phase 3 — Why models behave unpredictably

Design for the reality that AI output is probabilistic.

[ ] Understanding Transformers [preview]

Understanding attention and how models process text helps you design for the reality that AI output is probabilistic — your designs need to handle uncertainty gracefully.

2 sections · 4 lessons

[ ] Attention Mechanisms (3 lessons)
[ ] Embeddings (1 lesson)

[→ start course]

key terms

Tool Calling·Transformer·Attention·Context Window·Streaming·Chrome Extension