PopUI
PopUI - Claude Desktop 的协作式用户体验
概述
PopUI 是 macOS 的配套桌面应用程序,它为Claude Desktop提供了新的工具。
PopUI 利用 Claude 创建用户界面的能力,创建了通往视觉环境的双向桥梁。
Claude 创建并自动显示用户界面(类似于工件)
Claude 可以读取 UI 中所做的更改,并将 UI 用作视觉环境
Claude 还可以将更改推送到 UI,以直观的方式为用户更新
UI 可以将事件和文本发送回聊天,从而无需在循环中进行键盘输入
Related MCP server: Figma Console MCP Server
协作用户体验
这与 Artifacts 有何不同?
PopUI 闭合了交互循环。虽然 Claude Artifacts 可以生成交互式 UI 元素,但其中发生的任何事件或更改都会被限制在聊天对话之外。借助 PopUI,Claude 拥有查询和操作外部状态的工具,从而允许 Claude 在共享上下文的基础上构建进一步的对话。
实时视觉环境
PopUI 还赋予 Claude 和用户接收和操纵视觉环境的能力。
一些例子:
立即构建控制面板,用于调整和优化聊天中的值
使用带有色板的颜色选择器与克劳德讨论颜色。
与克劳德讨论物理布局
与克劳德在共享游戏板上玩回合制游戏
用实时挂钟让克劳德了解时间
给克劳德一个真实的面孔来表达它在聊天中的情绪
安装
只需下载最新版本并启动应用程序即可。
自动 SSE 代理到 Claude 桌面
PopUI 提供了所有依赖项,甚至包括 Claude 的 MCP 网关!首次启动 PopUI 时,系统会提示您将其安装到 Claude 桌面。之后,Claude 桌面将启动 PopUI,并自动将其连接为 MCP 服务器。
您可以从设置窗口或菜单栏图标访问所有创建的用户界面。
赞助与合作
PopUI 是我参加MCP黑客马拉松的参赛作品。
如果您喜欢,请考虑通过赞助或工作机会支持我。
我的 Apple 开发者会员费用为每年 100 美元💸哦,对于共同设计......
如果您有兴趣合作,请赞助我或在 LinkedIn 上与我联系!
⭐Stars⭐永远受到赞赏!
This server cannot be deployed
Maintenance
Related MCP Connectors
Deploy sims to any screen. Control your displays with Claude.
- SimSenseOAuthai.simsense
Deploy sims to any screen. Control your displays with Claude.
One workspace of tools for Claude and ChatGPT: connect 600+ apps, generate media, build tools.
An agent-first office suite Claude & ChatGPT read and write over one MCP URL.
Related MCP Servers
- FlicenseAqualityDmaintenanceAn MCP App that renders an interactive dashboard in Claude conversations to unify calendar events, emails, and documents into a single interface. It enables users to manage their daily schedule and perform actions like meeting preparation through bidirectional communication between the UI and the model.2-
- AlicenseNot gradedqualityDmaintenanceEnables Claude to interact directly with Figma Desktop for creating UI components, managing design tokens, and auditing files through natural language. It establishes a live connection between the AI and the Figma API via a local server and companion plugin.16,390 npmMIT
- FlicenseAqualityDmaintenanceProvides interactive, React-based UI apps inside Claude Desktop for tracking workouts, planning trips, budgeting, comparing products, and making decisions with bidirectional communication.8-
- AlicenseNot gradedqualityDmaintenanceEnables Claude Desktop to control mouse, keyboard, and clipboard on Windows, allowing AI-driven computer interaction tasks like clicking, typing, scrolling, and screenshotting.MIT