Notes on frontend and UX for AI products
Practical guides to multi-step workflows, asynchronous state and responsive interactions. Concrete problems, review questions and technical references.
Practical guide
How to design a multi-step AI workflow people can revisit
A practical design checklist for revisiting steps, explaining dependencies and recovering from generation errors in AI products.
ReadPractical guideFrontend state patterns for generative AI products
Separate draft inputs, requests and generated outputs to make asynchronous AI interfaces easier to understand and maintain.
ReadPractical guideA responsive interaction checklist for AI editors
Review menus, selection, keyboard access and asynchronous feedback across desktop and touch interfaces.
Read