GitHub Copilot Agent Mode: Vibe Coding ASP.NET Razor Pages from Scratch
Using *GitHub Copilot Agent Mode in Visual Studio 2026* to vibe code an ASP.NET Razor Pages user interface from scratch as part of a full legacy .NET Framework rewrite.
This is Episode 5 in my modernization series, where I migrate an old .NET application into a clean, layered architecture using modern .NET practices.
Can AI really build a working Razor Pages UI with minimal prompting? Let’s test it.
---
👉 *Watch this video as part of the full series (recommended):*
[ • GitHub Copilot Agent Mode: Vibe Coding ASP... ]( • GitHub Copilot Agent Mode: Vibe Coding ASP... )
---
⏱ TIME STAMPS
00:00 – Intro
00:37 – Solution Structure
01:24 – Instructions / Spec
02:29 – Generated UI
04:53 – Outro
---
🎯 What You’ll Learn
How to use *GitHub Copilot Agent Mode* for front-end development
Vibe coding an ASP.NET Razor Pages UI with high-level prompts
Why Razor Pages currently works better than Blazor for AI-generated projects
Clean separation of concerns (UI, Services, Domain, Data Access)
How Copilot generates ViewModels automatically
Iterative refinement through prompting
How to structure medium-to-large .NET solutions
---
🏗 Clean Architecture Approach
In this solution:
Domain logic lives in its own project
Services handle orchestration
Data access is isolated
The UI references only Services and the Composition Root
This structure scales well for real-world enterprise applications.
One key insight:
You don’t need pixel-perfect mockups or detailed UI control descriptions.
By simply providing DTOs and layout ordering, Copilot generates:
Functional Razor Pages
ViewModels
Clean code-behind logic
A working PlayLottery page
From there, it becomes a refinement loop:
Add winning numbers
Improve results display
Add ticket borders
Polish layout
---
⚡ Technologies Featured
GitHub Copilot (Agent Mode)
Visual Studio 2026
ASP.NET Core Razor Pages
Modern .NET
Dependency Injection
Clean Architecture
---
📝 Use Case Demonstrated
A lottery simulation application that:
Generates numbers
Uses historical result pools
Calculates profit/loss
Displays dynamic ticket-style UI results
Built in minutes — refined through AI prompting.
---
📚 Watch the Full Series
📹 Episode 1: GitHub Copilot AI Code Review – Can AI Understand Legacy .NET Code?
[ • GitHub Copilot AI Code Review – Can AI Und... ]( • GitHub Copilot AI Code Review – Can AI Und... )
📹 Episode 2: Creating .NET Projects and Solution Structure
[ • GitHub Copilot Visual Studio 2026 | Creati... ]( • GitHub Copilot Visual Studio 2026 | Creati... )
📹 Episode 3: Legacy Code Rewrite – Random Number Generator
[ • Refactoring Legacy Code with GitHub Copilo... ]( • Refactoring Legacy Code with GitHub Copilo... )
📹 Episode 4: Working Without Agent Skills in Visual Studio 2026
[ • GitHub Copilot in Visual Studio 2026 – Wor... ]( • GitHub Copilot in Visual Studio 2026 – Wor... )
➡️ Episode 5: Vibe Coding the Front End – ASP.NET Razor Pages UI (This Video)
[ • GitHub Copilot Agent Mode: Vibe Coding ASP... ]( • GitHub Copilot Agent Mode: Vibe Coding ASP... )
---
👨💻 Who This Is For
ASP.NET Developers
.NET Engineers modernizing legacy systems
Developers experimenting with AI-assisted coding
Software engineers exploring Copilot productivity
Clean Architecture enthusiasts
#githubcopilot #dotnet #aicoding #visualstudio
---
🔗 CONNECT WITH ME
If you'd like to see more of my work or get in touch:
💼 Hire Me on Upwork:
https://www.upwork.com/freelancers/~0...
💻 GitHub (Code & Projects):
https://github.com/mpholoane-bapela
▶️ Second YouTube Channel:
/ @codelessdeveloper
🔗 LinkedIn:
/ mpholoane-bapela-3349146a
Auf dieser Seite können Sie das Online-Video GitHub Copilot Agent Mode: Vibe Coding ASP.NET Razor Pages from Scratch mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Codeless Developer 01 März 2026 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 131 Mal angesehen und es wurde von 0 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
