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

---
title: Rich Interactive Chat with MCP Apps
hide_title: true
description: Build interactive UI applications that render inside goose Desktop using MCP Apps
---

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>