Generate Mcp App Ui (Grade A) logo

Generate Mcp App Ui (Grade A)Разработвателен ум от категория "А" за Claude AI. Клас А. Генерирай widget MCP App (самостоятелно HTML) за MCP уред. Опиши визуалния, който си представяш и влези в тестовото изход на вашият уред. Използвайте го, когато си използвате.

(0)
Daniel NikulshynПрегледано от Daniel Nikulshyn·Актуализирано юли 2026 г.

Преглед

Създавате widget за апликат MCP (самодовършителен HTML) за място за инструмент MCP. Описание на визуалната ви представа и въведете изходните данни на тестовите изпълнения на вашия инструмент. Уменията на този инструмент генерират фокусирани, изцяло предназначени за определена цел widget, показващ визуално изходните данни на инструментата си през чат диалог. Прилагателни изисквания за тази умеещи съдържат описание на визуална представа (в JSON формат). Генерираната widget може да бъде интерактивна, ако е съобщавайте име на инструмент, което позволява на widgetа да чете и обновява данните си.

Ключови функции

  • Генерира самостоятелни widgetове в HTML
  • Поддържа интерактивни widgetове с функционалността callServerTool
  • Работи с различни данни типове с проверки тип-safety
  • Стикси към използването на Fluent UI и приложени правописни водещи линии за визуален съответствие

Цени

Модел
Free
Категория
Умения
Оценка
Все още няма отзиви

Случаи на употреба

Визуализация на изхода на уреда

Потребителът иска да визуализира изхода на уреда като диаграма или таблица в чат диалог. Той дава описание на желаният визуал и JSON изхода на уреда в формат.

Интруактивен дашборд

Потребителът иска интерактивен widget, който отобража данни от уред и разрешава подновяването на данните. Предоставя името на уреда и JSON изхода.

Плюсове и минуси

Плюсове

  • Генерира визуално привлекателни widgetове за разговорни диалози
  • Съвсем позволява интерактивни widgetове с възможност за подновяване на данните
  • Стикси към компактни и фокусирани визуални представи за данните

Минуси

  • Трябва да бъдат зададени конкретни входа от потребителите (опис на визуалния и изхода на уреда)
  • Ограничен до генериране на widgetи на основе на предоставени данни, без да прави предположения за формата на данните

Отзиви

Влез, за да оставиш отзив.

Все още няма отзиви. Бъди първи!

Въпроси

Can the widget refresh data automatically?

If you provide a tool name, the generated HTML can include a `callServerTool` function that lets the widget call the tool and refresh its data. Without a tool name, the widget displays the data read‑only.

Asked by Bilal Choudhury · Jan 11, 2026

Is there a learning curve to using this skill?

The main steps are describing the desired visual (e.g., chart, table) and supplying the tool’s JSON output. Once those are provided, the skill outputs the HTML; no additional coding is needed, though familiarity with Fluent UI guidelines can help customize the look.

Asked by Sarai Cohen · Jan 11, 2026

Do I need to provide my tool’s data before creating a widget?

Yes. The tool requires a test output in JSON format from the tool you want to visualize. Without this JSON, it will prompt you to paste it; it will not guess the data shape.

Asked by Yara Mansour · Nov 20, 2025

What kind of visual outputs can this tool generate?

It creates self‑contained HTML widgets such as charts, comparison tables or maps that display a tool’s JSON output. The widget is styled with Fluent UI for consistency and can be interactive if a tool name is supplied.

Asked by Tobias Hartmann · Oct 18, 2025

Задай въпрос

Алтернативи на Умения

Using Git Worktrees (Grade A) logo
Using Git Worktrees (Grade A)Умения

Проверена от сигурността данната-аи компетенция за Claude AI. Клас А. Използвайте при стартиране на допълнителна работа, която има необходимост от изолация от текущата работна среда или преди изпълнение на програмата за изпълнение - създава изолирани git работни стойовни места

(0)
Free
Ga4 Bigquery Schema (Grade A) logo
Ga4 Bigquery Schema (Grade A)Умения

Официален ръководствен справител за данни за ай – специалитет за Claude AI. Клас А. Релативна схема за излизане на данните от GA4 в BigQuery

(0)
Free
Meta Capi (Grade A) logo
Meta Capi (Grade A)Умения

Безопасно-тестирована данно-ИИ умейност за Claude AI. Клас A. Справочник за конфигуриране на API Mete Конверзиите (CAPI).

(0)
Free
Callees (Grade A) logo
Callees (Grade A)Умения

Потвърдено от сигурността развитието на умения за Клод Ай. Град А. Списък, който функция или метод чука (светкавично график на извикване)

(0)
Free
Test Module Name (Grade A) logo
Test Module Name (Grade A)Умения

Презразходено-тестирана даними-аи компетенция за Claude AI. Стойност А. Име на модула за потвърждение следва името на модула, който се тества, като при него има префикс Spec в съответстваща обединена име. Вдигни, когато пишеш или рецензираш модул за тестови модули в Хаскел.

(0)
Free
Board Of Directors (Grade A) logo
Board Of Directors (Grade A)Умения

Security-tested данни-AI умение за Claude AI. Скалa A. Симулирай обмен мнения върху 5-членен експертен съвет при решаването на важни решения. Използвайте при оценяване на планове, архитектурни решения, дизайни на функции или дадените съществуващи решения

(0)
Free
Advpl Mvc Avancado (Grade A) logo
Advpl Mvc Avancado (Grade A)Умения

Разпространено умение за разработка с тест на сигурност за Клодай АИ. Grade A. Аванцоно MVC посредством точки на вход (PE) - добавяне на задържимите сита в стандартни екрани MVC (CNTA300/MATA070/MATA440/MATA460/FINA040 чрез STRU)*.

(0)
Free
D
Docs Writer (Grade A)Умения

Сигурностно потвърдено умение за devops за Клод Ай. Клас А. **ТРИДЖОРСКИ ЗАБелЕГИ СКИЛ** — Поддържа точността и свежестта на репозиitori на документация върху сайта за документация, файла на агента и лог за промени.

(0)
Free