This is a submission for the AI Challenge for Cross-Platform Apps - AI Acceleration
What I Built
My app is a revamp of the classic Winamp media player that was released in 1997. The technology of Uno Platform makes possible the creation of a cross-platform app with a single codebase. I challenged myself to create the complete interface with AI tools only.
My setup:
• Visual Studio
• Uno Platform MCP servers
• Uno Platform Hot Design
• GitHub Copilot GPT-5
Demo
AI Tooling in Action
Without the following video, it would be hard to believe how simple it is to start the creation of a new interface. I simply pasted an image of the classic Winamp into Visual Studio.
🔥 Video of the App MCP / Uno Platform MCP / GPT-5 in action 🔥
The initial interface is obviously not 100% exact, but it’s very impressive. It saves hours of work.
I focused next to add the amplifier. I pasted the image and prompted “create a control based on SkiaSharp and animate it”.
Following the success of the previous control, I pasted another image and asked “create a control based on SkiaSharp of the wave chart and animate it”.
I was wowed by the output. I didn’t prompt anything else of it. I just asked to insert it above the band sliders. Also, it found the perfect class name WaveOscilloscopeControl.
The agent produces the 3 SkiaSharp based control:
I asked the agent to animate them. The prompt is simple as: "create this control based on the screenshot and animate it". It's mind-blowing!
Note: the Uno Platform Visual Studio plugin installs the App MCP and the Uno Platform MCP.
I did the UI adjustments with the help of Uno Platform Hot Design. When you exactly know which set of controls to adjust, Hot Design is much more convenient and faster than prompting for questions.
Using App MCP and Uno Platform MCP
It’s no secret that there’s less documentation on the Uno Platform compared to web stacks, simply because there are far more web developers in the world. However, MCPs are extremely handy for producing great code that compiles across Uno Platform solutions.
App MCP
The App MCP knows the best practice to separate the data from the UI. After the UI was built, I requested to move the hard-coded values to the ViewModel and to implement most of the player commands.
Uno Platform MCP
My best example that showcases the power of the Uno Platform MCP server is I was able to request a brand new feature by Uno to replace the classic Windows title bar with an embedded title with the app.
`var app = (App)Application.Current;
var window = app.MainWindow;
if (window is null)
{
return;
}
window.ExtendsContentIntoTitleBar = true;
window.SetTitleBar(TitleBar);
var appWindow = window.AppWindow;
if (appWindow is not null)
{
var tb = appWindow.TitleBar;
tb.IconShowOptions = IconShowOptions.HideIconAndSystemMenu;
tb.ButtonBackgroundColor = Windows.UI.Color.FromArgb(0x00, 0x00, 0x00, 0x00);
tb.ButtonInactiveBackgroundColor = Windows.UI.Color.FromArgb(0x00, 0x00, 0x00, 0x00);
tb.ButtonForegroundColor = Windows.UI.Color.FromArgb(0xFF, 0xCF, 0xCF, 0xCF);
}`
Cross-Platform Reach
My application runs on Windows, macOS, the Web, Android, iOS, and Linux. In fact, if Uno Platform supports the target, my app will run on it. Skia rendering support is what makes this possible.
Development Experience
I used AI in the past for very specific sub-tasks. In this challenge, I asked myself can I create a complete interface with no coding. It turned out that I was able to accomplish this with Visual Studio Copilot / Uno Platform Studio and Uno Platform Hot Design.
I am not a self-made designer, but with the help of AI, I find the app UI appealing.
Personally, the impressive part is I completed the challenge in two evenings of about three hours each 🤯. Without AI / Uno tools, this would have taken me more than a week.
Top comments (0)