> ## Documentation Index
> Fetch the complete documentation index at: https://docs.mcp-assistant.in/llms.txt
> Use this file to discover all available pages before exploring further.

# Showcase

> Featured mcp-ts walkthroughs and demos showcasing agent UIs, Tool Router middleware, MCP Apps integrations, and production-ready MCP-powered experiences.

<div className="pt-8 pb-24 max-w-4xl mx-auto px-6">
  <Steps>
    <Step title="Intelligent Tool Routing">
      See how intelligent routing solves context window limits and scales your tools effortlessly. Watch the `ToolRouter` automatically handle proxy requests and route tool calls behind the scenes.

      <Frame className="mt-6">
        <video controls playsInline muted preload="metadata" className="w-full rounded-lg" src="https://mintcdn.com/zonlabs/3qYPS9usjdzd8fJm/videos/toolrouter.mp4?fit=max&auto=format&n=3qYPS9usjdzd8fJm&q=85&s=3a1479ddda9abd180d98e797cbb59250" data-path="videos/toolrouter.mp4" />
      </Frame>
    </Step>

    <Step title="Next.js Client Walkthrough">
      Dive into a comprehensive walkthrough of the core architecture. See firsthand how the framework elegantly bridges the gap between modern client applications and robust MCP servers with zero boilerplate.

      <Frame className="mt-6">
        <video controls playsInline muted preload="metadata" className="w-full rounded-lg" src="https://mintcdn.com/zonlabs/Gwc-a8lI7uh9TLqC/videos/mcp-ts.mp4?fit=max&auto=format&n=Gwc-a8lI7uh9TLqC&q=85&s=afc62c381ae0baec369df1524848979f" data-path="videos/mcp-ts.mp4" />
      </Frame>
    </Step>

    <Step title="Render MCP Apps">
      Move beyond static JSON responses. This stage demonstrates how to dynamically render complex, interactive UI components directly from backend MCP servers using a secure, isolated sandbox bridge.

      <Frame className="mt-6">
        <video controls playsInline muted preload="metadata" className="w-full rounded-lg" src="https://mintcdn.com/zonlabs/3qYPS9usjdzd8fJm/videos/mcp-apps-ext.mp4?fit=max&auto=format&n=3qYPS9usjdzd8fJm&q=85&s=fbfb79d864281438183ea54d3ab908ea" data-path="videos/mcp-apps-ext.mp4" />
      </Frame>
    </Step>

    <Step title="Cross-Runtime Agents using AGUI Protocol">
      Experience the future of AI agency. Watch the **AGUI protocol** seamlessly embed rich MCP tools into sophisticated, cross-runtime AI workflows using our dedicated agent adapters.

      <Frame className="mt-6">
        <video controls playsInline muted preload="metadata" className="w-full rounded-lg" src="https://mintcdn.com/zonlabs/3qYPS9usjdzd8fJm/videos/langchain-agui.mp4?fit=max&auto=format&n=3qYPS9usjdzd8fJm&q=85&s=cebbdcb9f73f6322e6c42f1fb2a55922" data-path="videos/langchain-agui.mp4" />
      </Frame>
    </Step>
  </Steps>
</div>