Back to Goose

Rich Interactive Chat with MCP Apps

documentation/docs/guides/interactive-chat/index.mdx

1.40.02.3 KB
Original Source

import Card from "@site/src/components/Card"; import styles from "@site/src/components/Card/styles.module.css"; import VideoCarousel from "@site/src/components/VideoCarousel";

<h1 className={styles.pageTitle}>Rich Interactive Chat with MCP Apps</h1> <p className={styles.pageDescription}> goose Desktop supports extensions that transform text-only responses into graphical, interactive experiences. Instead of reading through lists and descriptions, you can click, explore, and interact with UI components directly in your conversations. </p> <div className={styles.categorySection}> <h2 className={styles.categoryTitle}>📚 Documentation & Guides</h2> <div className={styles.cardGrid}> <Card title="Building MCP Apps" description="Step-by-step tutorial to create interactive UI applications that render inside goose Desktop." link="/docs/tutorials/building-mcp-apps" /> <Card title="Using MCP Apps" description="Launch standalone apps and render interactive UI directly in goose Desktop conversations." link="/docs/guides/interactive-chat/mcp-ui" /> <Card title="Auto Visualiser Extension" description="Generate interactive data visualizations automatically in goose." link="/docs/mcp/autovisualiser-mcp" /> </div> </div> <div className={styles.categorySection}> <h2 className={styles.categoryTitle}>🎥 Videos</h2>

<VideoCarousel id="mcp-apps-videos" videos={[ { type: "iframe", src: "https://youtube.com/embed/QcojQ3Fwqsw", title: "What are MCP Apps?", description: "What MCP Apps are and how they render interactive UIs in goose", duration: "1:53", }, ]} />

</div> <div className={styles.categorySection}> <h2 className={styles.categoryTitle}>📝 Featured Blog Posts</h2> <div className={styles.cardGrid}> <Card title="From MCP-UI to MCP Apps: Evolving Interactive Agent UIs" description="A practical migration guide to MCP Apps: the 4 key changes, what broke, and why this shift matters." link="/blog/2026/01/22/mcp-ui-to-mcp-apps" /> <Card title="goose Lands MCP Apps" description="goose ships early support for the draft MCP Apps specification, aligning with the emerging standard for interactive UIs." link="/blog/2026/01/06/mcp-apps" /> </div> </div>