Skip to main content
Glama
AiAgentKarl

mcp-interactive-ui-server

Server Configuration

Describes the environment variables required to run the server.

NameRequiredDescriptionDefault

No arguments

Capabilities

Features and capabilities supported by this server

CapabilityDetails
tools
{
  "listChanged": false
}
prompts
{
  "listChanged": false
}
resources
{
  "subscribe": false,
  "listChanged": false
}
experimental
{}

Tools

Functions exposed to the LLM to take actions

NameDescription
create_formA

Generiert eine JSON-Formular-Definition mit verschiedenen Feld-Typen.

Erstellt ein strukturiertes Formular-Schema, das MCP-Clients als interaktives UI rendern können.

Unterstützte Feld-Typen: text, number, select, checkbox, date, email, password, textarea, radio, range.

Jedes Feld braucht mindestens: {"label": "Name", "type": "text"} Optional: id, required, placeholder, default, validation, options (für select/radio), min/max/step (für number/range), rows (für textarea).

Args: title: Formular-Titel fields: Liste von Feld-Definitionen (dicts mit type, label, etc.) description: Optionale Beschreibung über dem Formular submit_label: Text des Submit-Buttons layout: "vertical" oder "horizontal" Feld-Anordnung

Returns: JSON-String mit dem Formular-Schema

create_dashboardA

Generiert ein Dashboard-Layout mit verschiedenen Widget-Typen.

Erstellt eine strukturierte Dashboard-Definition mit konfigurierbarem Grid-Layout, die MCP-Clients als interaktives Dashboard rendern können.

Unterstützte Widget-Typen: chart, stat_card, table, progress_bar, metric, list, markdown.

Jedes Widget braucht mindestens: {"type": "stat_card", "title": "Users", "value": "1234"}

Args: title: Dashboard-Titel widgets: Liste von Widget-Definitionen (dicts mit type, title, etc.) description: Optionale Dashboard-Beschreibung columns: Anzahl Grid-Spalten (1-6) refresh_interval: Auto-Refresh in Sekunden (0 = kein Refresh)

Returns: JSON-String mit dem Dashboard-Schema

create_chartA

Generiert eine Chart-Definition (Bar, Line, Pie, Scatter, etc.).

Erstellt ein Chart-Schema mit Daten und Konfiguration, das MCP-Clients als interaktives Diagramm rendern können.

Unterstützte Chart-Typen: bar, line, pie, scatter, area, donut, heatmap.

Daten-Format:

  • Für bar/line/area: {"labels": ["Jan","Feb"], "datasets": [{"label": "Sales", "values": [10,20]}]}

  • Für pie/donut: {"labels": ["A","B","C"], "values": [30, 50, 20]}

  • Für scatter: {"datasets": [{"label": "Set 1", "points": [{"x": 1, "y": 2}]}]}

  • Für heatmap: {"x_labels": [...], "y_labels": [...], "values": [[...]]}

Args: chart_type: Art des Charts (bar, line, pie, scatter, area, donut, heatmap) data: Chart-Daten als Dictionary title: Chart-Titel x_label: Beschriftung X-Achse y_label: Beschriftung Y-Achse colors: Optionale Farbliste (hex oder CSS-Farbnamen) stacked: Gestapelte Darstellung (nur bar/area)

Returns: JSON-String mit dem Chart-Schema

create_tableA

Generiert eine interaktive Tabellen-Definition mit Sortierung und Filterung.

Erstellt ein Tabellen-Schema mit Spalten-Definitionen und Daten, das MCP-Clients als interaktive Tabelle rendern können.

Args: headers: Liste von Spalten-Überschriften rows: Liste von Zeilen (jede Zeile ist eine Liste von Werten) sortable: Spalten sortierbar machen filterable: Suchfilter anzeigen page_size: Zeilen pro Seite (Pagination) title: Optionaler Tabellen-Titel

Returns: JSON-String mit dem Tabellen-Schema

create_wizardA

Generiert einen Multi-Step-Formular-Wizard mit Validierung.

Erstellt eine Wizard-Definition mit mehreren Schritten, die MCP-Clients als geführten Prozess rendern können. Jeder Schritt hat eigene Felder und Validierungsregeln.

Jeder Step braucht: {"title": "Schritt 1", "fields": [...]} Optional: description, validation (dict mit Regeln).

Validierungsregeln pro Step:

  • {"required_fields": ["name", "email"]}

  • {"custom": {"field_id": {"min_length": 3}}}

Args: steps: Liste von Step-Definitionen (dicts mit title, fields, etc.) title: Wizard-Gesamttitel allow_skip: Schritte überspringbar machen show_progress: Fortschrittsanzeige einblenden

Returns: JSON-String mit dem Wizard-Schema

render_markdownA

Erweitertes Markdown mit eingebetteten interaktiven Elementen.

Kombiniert Standard-Markdown mit interaktiven UI-Komponenten wie Buttons, Toggles, Inputs und Accordions, die MCP-Clients inline rendern können.

Interaktive Elemente werden via Platzhalter {{element_id}} im Markdown eingebettet.

Unterstützte Element-Typen:

  • button: {"type": "button", "id": "btn1", "label": "Click", "action": "submit"}

  • toggle: {"type": "toggle", "id": "tog1", "label": "Dark Mode", "default": false}

  • input: {"type": "input", "id": "inp1", "placeholder": "Enter value..."}

  • accordion: {"type": "accordion", "id": "acc1", "title": "Details", "content": "..."}

  • alert: {"type": "alert", "id": "alt1", "severity": "info", "message": "Hinweis..."}

  • badge: {"type": "badge", "id": "bdg1", "text": "New", "color": "green"}

  • tabs: {"type": "tabs", "id": "tab1", "items": [{"label": "Tab 1", "content": "..."}]}

Args: content: Markdown-Inhalt (mit optionalen {{element_id}} Platzhaltern) interactive_elements: Liste interaktiver Element-Definitionen theme: "auto", "light" oder "dark"

Returns: JSON-String mit dem Enhanced-Markdown-Schema

Prompts

Interactive templates invoked by user choice

NameDescription

No prompts

Resources

Contextual data attached and managed by the client

NameDescription

No resources

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/AiAgentKarl/mcp-interactive-ui-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server