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

# Widget Studio Overview

> Overview of Mindset AI's Widget Studio

<Info>
  **Beta Feature** - Widget Studio is currently in beta. Widget Studio is only available for SDK 3.0 customers.
</Info>

Widget Studio is Mindset AI's conversational UI builder that lets you create interactive tool interfaces by talking to AI—no coding required. Turn your AI tools into engaging visual experiences in minutes instead of months.

## Widget Studio in Action

<iframe width="100%" height="400" src="https://www.loom.com/embed/c42d0ff8117645b6b980974c1bf9bb0c" frameBorder="0" allowFullScreen />

## How Widget Studio Works

Widget Studio lets product managers, operations teams, and designers build tool UIs themselves by chatting with an AI agent. Describe what you want, preview it instantly, and publish to your agent.

**The process:**

<Steps>
  <Step title="Connect your tool">
    Connect your tool (from External MCP)
  </Step>

  <Step title="Describe your interface">
    Describe your desired interface to the Widget Editor Agent
  </Step>

  <Step title="Preview your widget">
    Preview on desktop and mobile, light and dark modes
  </Step>

  <Step title="Publish to your agent">
    Publish instantly to your agent
  </Step>
</Steps>

When your agent calls that tool, your custom widget displays automatically.

## What You Can Build

<Tabs>
  <Tab title="Display Widgets (Available Now)">
    Create interactive UIs for tools from external MCPs:

    <AccordionGroup>
      <Accordion title="Data Visualization">
        * Charts, graphs, and dashboards
        * Progress trackers and analytics displays
        * Real-time data monitoring interfaces
      </Accordion>

      <Accordion title="User Input & Forms">
        * Multi-step forms embedded in chat
        * Interactive questionnaires and surveys
        * Data collection interfaces
      </Accordion>

      <Accordion title="Content Display">
        * Course catalogs with images and ratings
        * Product listings with filtering
        * Document previews and readers
      </Accordion>

      <Accordion title="Interactive Experiences">
        * Quizzes and assessments
        * Booking and scheduling interfaces
        * Workflow wizards and guided processes
      </Accordion>
    </AccordionGroup>
  </Tab>

  <Tab title="Standalone Widgets (Coming Soon)">
    Create UIs for native Mindset AI platform tools. Currently visible in the interface for exploration, but publishing is disabled while we finalize this capability.
  </Tab>
</Tabs>

## Known Limitations

<Warning>
  These limitations are being addressed in upcoming releases:
</Warning>

<AccordionGroup>
  <Accordion title="Message History">
    Message history doesn't persist when you switch tabs. Keep external notes or complete edits in one session.
  </Accordion>

  <Accordion title="Import MDX Functionality">
    The Import button is visible but not yet functional. To use existing MDX code, paste it directly into the Agent chat.
  </Accordion>

  <Accordion title="Widget Mode Switching">
    Once you start generating a widget in Display or Standalone mode, don't switch modes—it causes unpredictable behavior.
  </Accordion>

  <Accordion title="Multiple Widgets Per Tool">
    You can currently create multiple widgets for one tool, but only the most recently created widget will be active. You must only create one widget per tool. In an upcoming release, we'll automatically enforce this—keeping only one widget per tool and removing any duplicates.
  </Accordion>

  <Accordion title="Standalone Publishing">
    Standalone widgets are in beta. You can explore the interface, but publishing is disabled. Focus on Display widgets for production use.
  </Accordion>
</AccordionGroup>

## Getting Started

Ready to build your first widget?

<CardGroup cols={2}>
  <Card title="Quick Start: Build Your First Widget" icon="rocket" href="/build-optimize/AMS/widget-studio-guide">
    Follow our 15-minute guide to create and publish your first widget
  </Card>

  <Card title="Widget Editor Guide" icon="book" href="/build-optimize/AMS/widget-editor-guide">
    Learn all the features and capabilities of the Widget Editor
  </Card>
</CardGroup>