--- title: I Forced AI to Build an Avalonia UI (Here's What Happened) description: 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... canonical: https://daily.dev/posts/i-forced-ai-to-build-an-avalonia-ui-here-s-what-happened--q8jh6oc3z twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: I Forced AI to Build an Avalonia UI (Here's What Happened) | daily.dev og:description: 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... og:url: https://daily.dev/posts/i-forced-ai-to-build-an-avalonia-ui-here-s-what-happened--q8jh6oc3z og:image: https://api.daily.dev/og/posts/q8Jh6oc3Z.png og:image:alt: I Forced AI to Build an Avalonia UI (Here's What Happened) og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # I Forced AI to Build an Avalonia UI (Here's What Happened) **[AngelSix](https://daily.dev/sources/angelsix)** · 28 min read · 0 upvotes · 0 comments ## Summary 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: https://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 ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: --- [View this post on daily.dev](https://daily.dev/posts/i-forced-ai-to-build-an-avalonia-ui-here-s-what-happened--q8jh6oc3z) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"I Forced AI to Build an Avalonia UI (Here's What Happened)","url":"https://daily.dev/posts/i-forced-ai-to-build-an-avalonia-ui-here-s-what-happened--q8jh6oc3z","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/i-forced-ai-to-build-an-avalonia-ui-here-s-what-happened--q8jh6oc3z"},"datePublished":"2026-10-04T13:04:30.783Z","dateModified":"2026-10-04T21:53:50.320Z","description":"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...","image":"https://i.ytimg.com/vi/IaSEwTjRP44/sddefault.jpg","thumbnailUrl":"https://i.ytimg.com/vi/IaSEwTjRP44/sddefault.jpg","isAccessibleForFree":true,"articleSection":"AngelSix","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"AngelSix","logo":"https://media.daily.dev/image/upload/s--h1ikmN_u--/f_auto,q_auto/v1791119063/logos/angelsix?_a=BAMAMicg0","url":"https://daily.dev/sources/angelsix"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/i-forced-ai-to-build-an-avalonia-ui-here-s-what-happened--q8jh6oc3z","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":0},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"","timeRequired":"PT28M","video":{"@type":"VideoObject","name":"I Forced AI to Build an Avalonia UI (Here's What Happened)","description":"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...","thumbnailUrl":"https://i.ytimg.com/vi/IaSEwTjRP44/sddefault.jpg","uploadDate":"2026-10-04T13:04:30.783Z","duration":"PT28M","url":"https://api.daily.dev/r/q8Jh6oc3Z","embedUrl":"https://www.youtube.com/embed/IaSEwTjRP44"}} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"AngelSix","item":"https://daily.dev/sources/angelsix"},{"@type":"ListItem","position":3,"name":"I Forced AI to Build an Avalonia UI (Here's What Happened)"}]} ```