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
In questa pagina del sito puoi guardare il video online GitHub Copilot Agent Mode: Vibe Coding ASP.NET Razor Pages from Scratch della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Codeless Developer 01 marzo 2026, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 131 volte e gli è piaciuto 0 spettatori. Buona visione!
