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.

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.

goose Desktop

1. Launch the installer
2. Click Yes to confirm the installation
3. Click the button in the top-left to open the sidebar
4. Navigate to the chat

goose CLI

1. Run the configure command:

goose configure

2. Choose to add a Remote Extension (Streamable HTTP).

┌   goose-configure
│
◇  What would you like to configure?
│  Add Extension
│
◆  What type of extension would you like to add?
│  ○ Built-in Extension
│  ○ Command-line Extension
│  ● Remote Extension (Streamable HTTP) (Connect to a remote extension via MCP Streamable HTTP)
└

3. Give your extension a name.

┌   goose-configure 
│
◇  What would you like to configure?
│  Add Extension
│
◇  What type of extension would you like to add?
│  Remote Extension (Streamable HTTP)
│
◆  What would you like to call this extension?
│  rich_demo
└

4. Enter the Streamable HTTP endpoint URI.

┌   goose-configure 
│
◇  What would you like to configure?
│  Add Extension 
│
◇  What type of extension would you like to add?
│  Remote Extension (Streamable HTTP)
│
◇  What would you like to call this extension?
│  rich_demo
│
◆  What is the Streamable HTTP endpoint URI?
│  https://mcp-aharvard.netlify.app/mcp
└

5. Enter the number of seconds goose should wait for actions to complete before timing out. Default is 300 seconds.

┌   goose-configure 
│
◇  What would you like to configure?
│  Add Extension
│
◇  What type of extension would you like to add?
│  Remote Extension (Streamable HTTP)
│
◇  What would you like to call this extension?
│  rich_demo
│
◇  What is the Streamable HTTP endpoint URI?
│  https://mcp-aharvard.netlify.app/mcp
│
◆  Please set the timeout for this tool (in secs):
│  300
└

6. Enter a description for this extension.

┌   goose-configure 
│
◇  What would you like to configure?
│  Add Extension
│
◇  What type of extension would you like to add?
│  Remote Extension (Streamable HTTP)
│
◇  What would you like to call this extension?
│  rich_demo
│
◇  What is the Streamable HTTP endpoint URI?
│  https://mcp-aharvard.netlify.app/mcp
│
◇  Please set the timeout for this tool (in secs):
│  300
│
◆  Enter a description for this extension:
│  Demo interactive extension
└

7. Choose No when asked to add custom headers.

┌   goose-configure 
│
◇  What would you like to configure?
│  Add Extension 
│
◇  What type of extension would you like to add?
│  Remote Extension (Streamable HTTP)
│
◇  What would you like to call this extension?
│  rich_demo
│
◇  What is the Streamable HTTP endpoint URI?
│  https://mcp-aharvard.netlify.app/mcp
│
◇  Please set the timeout for this tool (in secs):
│  300
│
◇  Enter a description for this extension:
│  Demo interactive extension
│
◆  Would you like to add custom headers?
│  No
│
└  Added rich_demo extension

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 mood
• What'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