New Winamp interface made 100% with AI and Uno Platform tools

Source: Dev.to

What I Built

My app is a revamp of the classic Winamp media player that was released in 1997. The Uno Platform makes it possible to create a cross‑platform app with a single codebase. I challenged myself to create the complete interface using AI tools only.

My setup

• Visual Studio
• Uno Platform MCP servers
• Uno Platform Hot Design
• GitHub Copilot (GPT‑5)

Demo

GitHub Repository

AI Tooling in Action

Without the following video, it would be hard to believe how simple it is to start creating 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 not 100 % exact, but it’s very impressive and saves hours of work.

I then added 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; I just asked to insert it above the band sliders, and the agent chose the perfect class name WaveOscilloscopeControl.

The agent produced three SkiaSharp‑based controls:

• AmpVisualizerControl
• EqBandSliderControl
• WaveOscilloscopeControl

I asked the agent to animate them. The prompt was simply: “create this control based on the screenshot and animate it”. It’s mind‑blowing!

Note: The Uno Platform Visual Studio plugin installs both the App MCP and the Uno Platform MCP.

I performed UI adjustments with the help of Uno Platform Hot Design. When you know exactly which set of controls to tweak, Hot Design is far more convenient and faster than prompting for questions.

Using App MCP and Uno Platform MCP

App MCP

The App MCP knows the best practice to separate data from the UI. After the UI was built, I requested moving the hard‑coded values to a ViewModel and implementing most of the player commands.

MainViewModel.cs

Uno Platform MCP

A standout example of the Uno Platform MCP’s power is a request to replace the classic Windows title bar with an embedded title bar inside 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

The application runs on Windows, macOS, the Web, Android, iOS, and Linux. In fact, if Uno Platform supports a target, the app will run on it. Skia rendering support makes this possible.

Development Experience

I have used AI in the past for very specific sub‑tasks. In this challenge I asked myself whether I could create a complete interface with no manual coding. It turned out that I could accomplish this with Visual Studio Copilot / Uno Platform Studio and Uno Platform Hot Design.

I’m not a self‑made designer, but with AI’s help the UI feels appealing. Impressively, I completed the challenge in two evenings of about three hours each 🤯. Without AI / Uno tools, this would have taken me