Uploaded March 2026 | Updated September 2026, 3 weeks ago
Can AI actually build a complex Avalonia UI? In this video, we put it to the test by taking a standard HTML Jobs Page mockup and forcing AI to convert it into a fully functional Avalonia XAML application.
While AI coding assistants are incredible at generating HTML, they often fall apart when it comes to specific C# UI frameworks. Today, we're diving into the reality of using AI to build a real-world Jobs Page in Avalonia UI. You'll see exactly where the AI struggles—from mangled grids and stack panels to broken data binding—and exactly how to fix it.
I'll show you my exact iterative process for "abusing" the AI into submission using screenshot feedback, prompt corrections, and manual XAML tweaks to get a pixel-perfect result.
In this video, you will learn:
• How to transition an HTML mockup into Avalonia XAML
• The specific layout and styling mistakes AI makes with Avalonia (and how to fix them)
• Setting up properly bound View Models with mock data
• How to effectively prompt AI for cross-platform .NET development
Grab the source code and join the community on my website: angelsix.com
00:00 Building a Real-World Avalonia Jobs Page with AI
00:30 Why AI Struggles with Avalonia vs HTML
01:20 The First Prompt: Mock Data & UI Generation
02:40 Reviewing the First Output (And Why It Failed)
03:20 Iteration 1: Fixing Layouts & Functionality
04:40 Iteration 2: Styling, Rounded Corners & Icons
06:40 Iteration 3: Adding Search & Sort Dropdowns
09:20 Iteration 4: Fixing UI Bugs & Defocus Issues
11:20 Iteration 5: Hover States & Progress Bars
13:00 Iteration 6: Complex Grid Layouts & Clickable Filters
15:00 The Final Tweaks: Stretching, Borders & Alignment
18:00 The Final Working Avalonia UI
18:30 Final Thoughts on Using AI for C# UI
Can AI actually build a complex Avalonia UI? In this video, we put it to the test by taking a standard HTML Jobs Page mockup and forcing AI to convert it into a fully functional Avalonia XAML application.
While AI coding assistants are incredible at generating HTML, they often fall apart when it comes to specific C# UI frameworks. Today, we're diving into the reality of using AI to build a real-world Jobs Page in Avalonia UI. You'll see exactly where the AI struggles—from mangled grids and stack panels to broken data binding—and exactly how to fix it.
I'll show you my exact iterative process for "abusing" the AI into submission using screenshot feedback, prompt corrections, and manual XAML tweaks to get a pixel-perfect result.
In this video, you will learn:
• How to transition an HTML mockup into Avalonia XAML
• The specific layout and styling mistakes AI makes with Avalonia (and how to fix them)
• Setting up properly bound View Models with mock data
• How to effectively prompt AI for cross-platform .NET development
Grab the source code and join the community on my website: angelsix.com
00:00 Building a Real-World Avalonia Jobs Page with AI
00:30 Why AI Struggles with Avalonia vs HTML
01:20 The First Prompt: Mock Data & UI Generation
02:40 Reviewing the First Output (And Why It Failed)
03:20 Iteration 1: Fixing Layouts & Functionality
04:40 Iteration 2: Styling, Rounded Corners & Icons
06:40 Iteration 3: Adding Search & Sort Dropdowns
09:20 Iteration 4: Fixing UI Bugs & Defocus Issues
11:20 Iteration 5: Hover States & Progress Bars
13:00 Iteration 6: Complex Grid Layouts & Clickable Filters
15:00 The Final Tweaks: Stretching, Borders & Alignment
18:00 The Final Working Avalonia UI
18:30 Final Thoughts on Using AI for C# UI
