用 fx 与 Gemini Argon 两个提示词复刻 Winamp：纯 Web Components 实现 DEMO
Got to experience the magic of @uisdk. Two prompts of fx + Gemini Argon. Pure Web Components. No fr...
rauchg 用两条 fx 提示词加 Gemini Argon 生成了一个能跑的 Winamp 界面，纯 Web Components 不用框架，14 项拖拽、热键、EQ 滑块等交互直接开箱复用。做前端或搞 MCP 集成的人可以看看这个 WebMCP 控制 UI 的思路。
rauchg 分享了一个基于 @uisdk 的 Winamp 风格界面 DEMO，只用两条 fx 提示词加 Gemini Argon 生成，采用纯 Web Components，不依赖任何前端框架。智能体开箱复用了 UI SDK 的 14 项行为，包括窗口缩放、拖拽、菜单栏悬停切换、typeahead、工具栏 roving focus、10 段 EQ 滑块、作用域热键、ARIA 无障碍支持以及 WebMCP 智能体控制。DEMO 部署在 winamp-ui-sdk.vercel.app，背景音乐由 Suno 生成。
技术路径的亮点在于 UI SDK 把常见交互行为（拖拽、热键、无障碍）封装成可被智能体直接调用的组件能力，生成时无需手写这些细节。WebMCP 支持意味着界面本身可以暴露给智能体控制，形成'提示词生成 UI + 智能体操作 UI'的闭环。对开发者来说，这类 SDK 正在把智能体前端生成从拼凑样式推进到复用成熟交互层，配合 Web Components 跨框架通用的特性，值得在 MCP 工具链选型时参考。
Got to experience the magic of @uisdk. Two prompts of fx + Gemini Argon. Pure Web Components. No fr...
Got to experience the magic of @uisdk . Two prompts of fx + Gemini Argon. Pure Web Components. No framework. The agent reused 14 UI SDK behaviors out of the box 🤯: window resizing, drag, menubar hover-switching, typeahead, roving toolbar focus, 10-band EQ sliders, scoped hotkeys, ARIA, and WebMCP agent control. winamp-ui-sdk.vercel.app z (source linked) Music by @suno .
This report is categorized under AITOP's "Products" desk, focusing on US frontier AI labs and Silicon Valley technology leaders. Within our cross-regional analytical framework, it directly maps to AI developer toolchains, coding agents, and engineering workflows. Key entities and technical topics under continuous tracking include UI SDK, Gemini Argon, Web Components, WebMCP.
Source attribution: curated from Guillermo Rauch (@rauchg). Cross-source corroboration: 3 independent sources have covered this development (including Viking, marktechpost), confirming industry-wide signal strength.
