PopUI
PopUI - Claude Desktop 向け共同 UX
概要
PopUI は、 Claude Desktop に新しいツールを提供する macOS 用のコンパニオン デスクトップ アプリです。
Claude のユーザー インターフェイス作成能力を活用して、PopUI はビジュアル コンテキストへの双方向のブリッジを作成します。
クロードはユーザーインターフェース(アーティファクトに類似)を作成し、自動的に表示します。
クロードはUIで行われた変更を読み取り、UIを視覚的なコンテキストとして使用できます。
クロードはUIに変更をプッシュし、ユーザーのために視覚的に更新することもできます。
UIはイベントとテキストをチャットに送り返すことができるため、ループ内でのキーボード入力は不要になります。
Related MCP server: Figma Console MCP Server
コラボレーションUX
これはアーティファクトとどう違うのでしょうか?
PopUIはインタラクションループを閉じます。Claude ArtifactsはインタラクティブなUI要素を生成できますが、そこで発生するイベントや変更はチャット会話の外部に閉じ込められます。PopUIを使用すると、Claudeは外部状態を照会・操作するためのツールを利用でき、共有されたコンテキストに基づいてさらなる会話を構築できます。
リアルタイムのビジュアルコンテキスト
PopUI は、Claude とユーザーに視覚的なコンテキストを受け取って操作する機能も提供します。
例:
チャット内の値を微調整および調整するためのコントロールパネルを即座に構築します
スウォッチ付きのカラーピッカーを使用して、Claude と色について話し合います。
物理的なレイアウトについてはクロードに相談してください
共有ゲームボードでクロードと一緒にターンベースのゲームをプレイする
リアルタイムの壁掛け時計でクロードに時間感覚を与えましょう
チャット中に感情を表現するためにクロードに文字通りの顔を与える
インストール
最新リリースをダウンロードしてアプリを起動するだけです。
Claude デスクトップへの自動 SSE プロキシ
PopUIは、ClaudeのMCPゲートウェイを含む、動作に必要なすべての依存関係を提供します。PopUIを初めて起動すると、Claude Desktopへのインストールを求められます。その後は、PopUIはClaude Desktopによって起動され、MCPサーバーとして自動的に接続されます。
作成されたすべてのユーザー インターフェイスには、設定ウィンドウまたはメニューバー アイコンからアクセスできます。
スポンサーシップとコラボレーション
PopUI は私のMCPハッカソンへのエントリーでした。
気に入っていただけましたら、スポンサーシップや仕事の機会を通じて私をサポートすることをご検討ください。
私の Apple Developer メンバーシップは年間 100 ドルかかります 💸 ああ、コードデザインのために...
コラボレーションに興味がある場合は、スポンサーになっていただくか、 LinkedIn で私とつながってください。
⭐星⭐はいつでも嬉しいです!
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