Visual Direction & Style
Stop saying "make it premium." Learn to give AI real visual direction.
What you'll learn
- ✓ Describe any design style in precise terms
- ✓ Explore visual directions systematically
- ✓ Build a personal style phrasebook
- ✓ Stop getting generic AI output
About this path
The difference between generic AI output and design that feels like yours is the language you use. This path gives you a vocabulary for visual direction, a framework for exploring styles, and a reusable phrasebook you can paste into any prompt.
In this path
8 lessons- 01
How to Describe Design Styles to AI
Turn vague style words like retro, premium, or playful into precise art direction that AI can actually use.
- 02
How to Use AI to Explore Multiple Visual Directions Fast
A practical workflow for using AI to generate multiple distinct visual directions before committing to one, so you choose between strong alternatives instead of polishing a single idea too early.
- 03
The Design Style Phrasebook
20 style directions with exact phrase blocks you can copy into Claude, Nano Banana, Kling, or any AI tool. Stop saying 'make it premium' and start giving real direction.
- 04
AI Anti-Patterns Gallery: 10 Reasons Your AI Website Looks Generic
A visual gallery of the 10 most common AI-generated design clichés, why they happen, and the specific rule you can add to your project rules to prevent each one.
- 05
How to Write Better AI Prompts for Landing Pages
A formula-based approach to prompting AI for landing pages that convert, not just landing pages that look nice.
- 06
Figma Make vs Lovable vs v0 vs Bolt vs Replit (AI UI Builders Compared)
Five AI tools generate UI from a prompt. They are not interchangeable. Here is what each one is actually good at, what it ships, and when to pick which.
- 07
Motion Decision Tree: When to Animate, What to Animate, What to Leave Still
A decision framework for choosing the lightest possible motion that still does the job, instead of defaulting to animate everything. Includes paste-ready project rules for each motion level.
- 08
Screenshot to UX Critique
Turn any interface screenshot into actionable UX and UI feedback using a structured critique prompt and a six-lens evaluation framework.
Ready to start?
Begin with lesson 01: How to Describe Design Styles to AI
Start pathExplore other paths
AI Design Starter Path
A plain-language beginner path from first setup to your first agent-ready design system context.
Beginner AI Setup
Your first week with AI design tools. From zero to working setup.
Claude Code
Install Claude Code, pick the right surface, and teach it your team rules with custom skills.
Design System Automation
Token audits, naming conventions, and component reviews with AI.
Automation for DS Teams
GitHub Actions, browser automation, and overnight pipelines that run while you sleep.
Codex for Designers
Set up Codex, teach it your project rules, and turn repeatable design QA into reusable skills.
Agentic Design Systems
Make your design system readable by AI agents and coding tools.
Motion & Animation
A simple, hands-on path for UI motion: learn the vocabulary, then practice the core moves with interactive demos.