Generate Mcp App Ui (Grade A) logo

Generate Mcp App Ui (Grade A)Zabezpečený vývojový přístup pro Claude AI. Hodnocení A. Generujte widget MCP App (samostatný HTML) pro nástroj MCP.

— (0)
Daniel NikulshynRecenzováno Daniel Nikulshyn·Aktualizováno červenec 2026

Přehled

Generujte widget MCP App (samostatný HTML) pro nástroj MCP. Popište vizuální, kterou chcete, a vložte výstup testování nástroje. Toto schopnost vytváří zohledněné a cílevědomé widgety, které zobrazují výstup nástroje vizuálně v rámci konverze. Je vyžadován popis vizuálního a výstup testování nástroje ve formátu JSON. Generovaný widget může být interaktivní, jestliže je poskytnuta jména nástroje, čímž umožňuje zavolat nástroj a aktualizovat data.

Klíčové funkce

  • Generuje samostatné HTML widgety
  • Podporuje interaktivní widgety se funkcí callServerTool
  • Zpracovává různé datové typy s kontrolami typového bezpečí
  • Určuje používání Fluent UI a návrhových zásad pro vizuální konzistenci

Ceník

Model
Free
Kategorie
Dovednosti
Hodnocení
Žádné recenze

Případy užití

Vizualizace výrobního výstupu nástroje

Uživatel chce vizualizovat výstup nástroje jako graf nebo tabulku v konverzi. Poskytuje popis požadované vizuace a výstup testování nástroje ve formátu JSON.

Interaktivní dashboard

Uživatel žádá interaktivní widget, který zobrazuje data z nástroje a umožňuje aktualizaci dat. Uživatel poskytuje jméno nástroje a výstup testování.

Pro a proti

Pro

  • Generuje pěkné widgety pro prezentační konverzaci
  • Povoluje interaktivní widgety se schopností aktualizace
  • Určuje kompaktní a zohledněné vizuální reprezentaci dat

Proti

  • Má vyžadováno konkrétní vstup od uživatele (popis vizuálního a výstup testování nástroje)
  • Omezen na vytváření widgetů na základě poskytnutých dat, bez založení jakýchkoli tvrzení o tvaru dat

Recenze

Přihlas se, abys mohl napsat recenzi.

Žádné recenze. Buď první!

Otázky

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

Polož otázku

Alternativy k Dovednosti

Manage Headers (Grade A) logo
Manage Headers (Grade A)Dovednosti

Výkonově testované bezpečnostní dovednosti pro Claude AI. Hvězda A. Inspectuje a konfiguruje bezpečnostní hlavičky Power Pages stránky, které jsou posílány na prohlížeče — Politika obsahu, ochrana rámců a ochrana proti klikové zkovačce.

— (0)
Free
Using Git Worktrees (Grade A) logo
Using Git Worktrees (Grade A)Dovednosti

Bezpečností testovaná data-ai dovednost pro Clauda AI. Hodnocení A. Používejte, když začínáte s rozvojem-feature, který vyžaduje izolaci od aktuálního pracovního prostoru nebo před prováděním implementačních plánů - vytváří izolované větve Git work.

— (0)
Free
Ga4 Bigquery Schema (Grade A) logo
Ga4 Bigquery Schema (Grade A)Dovednosti

Kvalitu testovaná data-ai dovednost pro Claude AI. A stupeň. Návod na exportní schéma pro GA4 z BigQuery – kompletní seznam polí, složité struktury, vzory dotazů a rady k optimalizaci výkonu

— (0)
Free
Meta Capi (Grade A) logo
Meta Capi (Grade A)Dovednosti

Bezpečnostně testovaná data-ai schopnost pro Clauda AI. Skvělé hodnocení. Nastavení referenční dokumentace Meta Conversions API (CAPI)

— (0)
Free
Callees (Grade A) logo
Callees (Grade A)Dovednosti

Zabezpečeně testovaný vývojový dovednost pro Claude AI. Hodnotené A. Seznam funkce, kterou metoda či funkce volá (graf volání přímý)

— (0)
Free
Test Module Name (Grade A) logo
Test Module Name (Grade A)Dovednosti

Bezpečnostně testovaný datový-ai dovednost pro Claude AI. Grade A. Název testovacího modulu označí podléhající modul s příponou Spec v rámci stejného命名ovného prostranství. Používej při psaní nebo zkoumání Haskell testovacího modulu

— (0)
Free
Board Of Directors (Grade A) logo
Board Of Directors (Grade A)Dovednosti

Testována bezpečnostně data-ai dovednost pro Clauda AI. Grade A. Simulujte 5člennou odbornou skupinu pro klíčové rozhodnutí. Použijte vždy při hodnocení projektů, architektonických záměrů, návrhů nebo kterékoli jiné rozhodnutí vyžadující víceúhlý odborný pohled.

— (0)
Free
Advpl Mvc Avancado (Grade A) logo
Advpl Mvc Avancado (Grade A)Dovednosti

Security-testovaný vývojářský talent pro Claude AI. Rázová hodnota A. MVC avançado prostřednictvím PE (Body vstupu) — přidání přizpůsobených mřížek do standardních mVC obrazovek (CNTA300/MATA070/MATA440/MATA460/FINA040 prostřednictvím *STRU)

— (0)
Free