As a .NET MAUI developer, you know the repetitive nature of crafting UI layouts for different platforms. Whether it’s a simple Button or a complex CollectionView, generating the basic structure for Android, iOS, and Windows can feel like a chore. This often leads to spending valuable time on boilerplate code instead of focusing on the unique features that make your app stand out. What if there was a way to quickly scaffold these UI elements, allowing you to concentrate on business logic and user experience?
Claude Code, accessible via the claude CLI, offers a powerful solution for generating C# code, including UI elements for .NET MAUI. By providing a clear, concise prompt describing the UI component you need, Claude Code can generate the corresponding XAML or C# markup, saving you significant development time. This is particularly useful for common patterns like lists, forms, or custom controls, where the basic structure is predictable.
Let’s say you need to create a simple VerticalStackLayout containing a Label and a Button. Instead of manually typing out the XAML, you can leverage Claude Code. Open your terminal in your MAUI project’s root directory and run the following command. This command instructs Claude Code to generate C# code for a VerticalStackLayout with a Label and a Button, suitable for inclusion in your MAUI views.
claude gen --prompt "Generate C# code for a .NET MAUI VerticalStackLayout containing a Label with text 'Hello, MAUI!' and a Button with text 'Click Me'. Include basic styling for spacing." --language csharp --output-file MauiComponent.cs
After executing this command, you’ll find a MauiComponent.cs file in your project directory containing the generated C# code. You can then easily integrate this code into your MAUI application’s pages or views. This approach not only speeds up development but also encourages consistency in your codebase by providing a standardized way to generate common UI patterns.
Try it: Run the claude command above in your MAUI project’s root directory and then copy the generated C# code into a new .cs file within your project’s Views folder. You can then instantiate this generated component within one of your ContentPage’s Content property.