Utility-first yaklaşım, stil kararlarını ayrı bir CSS dosyasına taşımak yerine doğrudan işaretlemede ifade eder; böylece bir bileşenin görünümünü değiştirmek için hangi sınıfın nerede kullanıldığını aramak gerekmez. Bu hız avantajının sürdürülebilir olması, tasarım tokenlarının tema yapılandırmasında merkezîleştirilmesine ve tekrar eden desenlerin bileşenlere çıkarılmasına bağlıdır. Aksi halde işaretleme okunamaz hale gelir ve tutarlılık kaybolur. Atölye dört modülde ilerler ve baştan sona gerçek bir arayüz üretimiyle yürütülür. Utility-first mantığı, katman yapısı ve sınıf sıralamasıyla başlanır; yerleşim, tipografi ve renk sistemleri uygulanır. Tema yapılandırması modülünde tasarım tokenları, karanlık mod ve marka renkleri kurulur. Son modülde bileşen çıkarma, duyarlı tasarım, erişilebilirlik ve üretim derlemesi ele alınır. Katılımcılar atölye sonunda kendi tema yapılandırması ve yeniden kullanılabilir bileşen seti bulunan bir arayüz üretir.