Free Lesson
Style AI Prototypes: master Tailwind & ShadCN, avoid slop
45 min
Feb 26, 2026 11:30 AM
Virtual (Zoom)
In this video
What you'll learn
Styling basics for AI prototypes
A quick tour of design variables, UI libraries, design systems and what is the difference
Tailwind and ShadCN, demystified
A plain language walkthrough of how Tailwind and ShadCN work and how to avoid the generic AI UI look
Turn your design tokens into Tailwind variables
Turn your colours, typography and spacing rules into a reusable system to apply consistently across all projects
Why this topic matters
Do AI tools generate cookie cutter apps that looks nothing like your product? How to make it follow your brand guidelines and use your brand assets?
In this workshop you will learn how to turn your style guides and design tokens into Tailwind variables that can be used consistently across all your projects.
Let's make friends with Tailwind and ShadCN, and say goodbye to the generic AI slop.
You'll learn from
Anna Arteeva
Former Head of Product Design at Payoneer, AI educator
Trained people from
