Rizel Scarlett
2.9 KiB
sidebar_position, title, sidebar_label, description
| sidebar_position | title | sidebar_label | description |
|---|---|---|---|
| 1 | Using MCP Apps and MCP-UI | Using MCP Apps and MCP-UI | Learn how goose renders interactive UI components from MCP Apps and MCP-UI extensions |
import Tabs from '@theme/Tabs'; import TabItem from '@theme/TabItem'; import GooseDesktopInstaller from '@site/src/components/GooseDesktopInstaller'; import CLIExtensionInstructions from '@site/src/components/CLIExtensionInstructions'; import { PanelLeft } from 'lucide-react';
Using MCP Apps and MCP-UI
Extensions built with MCP Apps or MCP-UI allow goose Desktop to provide interactive and engaging user experiences. Imagine using a graphical, clickable UI instead of reading text responses and typing all your prompts. These extensions return content that goose can render as embedded UI elements for rich, dynamic, and streamlined interactions.
:::info MCP Apps is the official specification MCP Apps is now the official MCP specification for interactive UIs. MCP-UI extensions still work in goose, but MCP Apps is the recommended path for new extensions. :::
Try It Out
See how interactive responses work in goose. For this exercise, we'll add an extension that connects to MCP-UI Demos provided by Andrew Harvard.
In goose Desktop, ask:
Help me select seats for my flight
Instead of just text, you'll see an interactive response with:
- A visual seat map with available and occupied seats
- Real-time, clickable selection capabilities
- A booking confirmation with flight details
Try out other demos:
Plan my next trip based on my moodWhat's the weather in Philadelphia?
For Extension Developers
Add interactivity to your own extensions:
- Building MCP Apps - Step-by-step tutorial (recommended)
- MCP-UI Documentation - MCP-UI specification