
ChatKit Widget MCP Server
by ShaojieJiang
Transforms ChatKit Studio widget definitions into callable MCP tools for generating rich, interactive UI components.
What it does
ChatKit Widget bridges the gap between static UI component definitions and runtime tool invocation. It automatically converts .widget files from ChatKit Studio into MCP tools, allowing AI agents to dynamically generate interactive UI elements like flight trackers, weather forecasts, and email composers within the ChatKit UI.
Tools
The server dynamically generates tools based on provided widget files. Pre-built widgets include:
flight_tracker: Renders a real-time flight status component.weather_current: Displays current weather data in a rich UI.draft_email: Generates an interactive email composition widget.create_event: Renders a calendar event creation interface.player_card: Displays music/media player controls.
Installation
Add the following to your claude_desktop_config.json:
{
"mcpServers": {
"chatkit-widget": {
"command": "uvx",
"args": [
"--from",
"mcp-chatkit-widget@latest",
"mcp-chatkit-widget",
"--widgets-dir",
"/path/to/widgets"
]
}
}
}
Supported hosts
- claude
- cursor
Quick install
uv add mcp-chatkit-widgetInformation
- Pricing
- free
- Published
- 4/30/2026
- stars





