Generate Mcp App Ui (Grade A)Bezpečne otestovaná vývojová zručnosť pre Claude AI. Kvalita A. Generujte widget MCP App (samostatné HTML) pre nástroj MCP

— (0)

Recenzované Daniel Nikulshyn·Aktualizované júl 2026

Prehľad

Generujte widget MCP App (samostatné HTML) pre nástroj MCP. Popíšte požadovaný vizuál a vložte testový výstup nástroja. Táto zručnosť vytvára zamerané, jednosúčelové widgety, ktoré zobrazuje výstup nástroja vizuálne v rámci konverzácie v chate. Vyžaduje popis vizuálu a testový výstup nástroja vo formáte JSON. Vytvorený widget môže byť interaktívny, ak je zadané meno nástroja, čím umožní volanie nástroja a obnovenie dát.

Kľúčové funkcie

Generuje samostatné HTML widgety
Podporuje interaktívne widgety s funkciou callServerTool
Spracúva rôzne typy dát s typovo bezpečnými kontrolami
Podporuje používanie Fluent UI a dizajnových smerníc pre vizuálnu konzistenciu

Cenník

Model: Free
Kategória: Základy
Hodnotenie: Žiadne recenzie

Prípady použitia

Vizualizácia výstupu nástroja

Používateľ chce vizualizovať výstup nástroja ako graf alebo tabuľku v konverzácii v chate. Poskytuje popis požadovaného vizuálu a testový výstup nástroja vo formáte JSON.

Interaktívny dashboard

Používateľ požiada o interaktívny widget, ktorý zobrazuje údaje z nástroja a umožňuje ich obnovenie. Používateľ poskytne meno nástroja a testový výstup.

Klady a zápory

Klady

Generuje vizuálne príťažlivé widgety pre konverzácie v chate
Umožňuje interaktívne widgety s možnosťou obnovenia
Podporuje kompaktné a zamerané vizuálne reprezentácie dát

Zápory

Vyžaduje špecifické vstupy od používateľov (popis vizuálu a testový výstup nástroja)
Obmedzené na generovanie widgetov na základe poskytnutých dát bez predpokladov o tvare dát

Recenzie

Prihlás sa, aby si napísal recenziu.

Žiadne recenzie. Buď prvý!

Otázky

Môže sa widget sám aktualizovať a obnovovať údaje?

Ak poskytujete názov nástroja, je možné zaradiť do vygenerovaného HTML funkcie `callServerTool`, ktorá umožňuje widgetovi volať nástroj a obnovovať údaje. Bez názvu nástroja sa údaje zobrazujú len čitateľne.

Asked by Bilal Choudhury · Jan 11, 2026

Je tu učení základe použitia tejto skilly?

Hlavné kroky sú popisovať požadovaný vizual (napr. graf, tabuľka) a dodati vstupné JSON output nástroja. Keď sú tyto údaje zadané, skilla vyhodnotí HTML, žiadna ďalšia kódovanie nie sú nutná. Až potom by sa malá znalosť Fluent UI riadiacich pokynov mohla pomôcť personalizovať zobrazenie.

Asked by Sarai Cohen · Jan 11, 2026

Máš potrebu zadať údaje z mého nástroja, predtým ako sa vytvorí widget?

Áno, nástroiu je potrebné poskytnúť testový výstup vo JSON formáte z nástroja, ktorý chcete vizualizovať. Bez JSON výstupu sa vám bude požiadať, aby ste ho pripísal; nebude ho predpokladať podľa šablony údajov.

Asked by Yara Mansour · Nov 20, 2025

Aký druh vizuálnych výstupov môže tento nástroj generovať?

Vytvorí si samonápravné HTML widgety ako grafy, porovnávacie tabuľky alebo mapy, ktoré zobrazujú výstup JSON nástroja. Widget je štýlovaný Fluent UI pre konzistentnosť a môže byť interaktívny, ak je zadané meno nástroja.

Asked by Tobias Hartmann · Oct 18, 2025

Polož otázku

Alternatívy k Základy

Using Git Worktrees (Grade A)Základy

Bezpečnostne testovaná dátová AI zručnosť pre Claude AI. Grade A. Používať pri začatí práce na funkcii, ktorá vyžaduje izoláciu od aktuálneho pracovného priestoru alebo pred vykonáním plánov implementácie - vytvára izolované git worktree

— (0)

Free

Ga4 Bigquery Schema (Grade A)Základy

Bezpečnostne testovaná dátová-ai zručnosť pre Claude AI. Grade A. Referencia schémy exportu GA4 BigQuery — kompletná referencia polí, vnorené štruktúry, vzory dotazov a tipy na výkon

— (0)

Free

Meta Capi (Grade A)Základy

Bezpečnosťovo overená data-ai funkcia pre Claude AI. Trieda A.

— (0)

Free

Callees (Grade A)Základy

Grade A zabezpečené zvuký spolupráce pre AI Klaúd

— (0)

Free

Test Module Name (Grade A)Základy

Grade A Haskell test module namýšlenie podľa zabezpečenie

— (0)

Free

Board Of Directors (Grade A)Základy

Zabezpečenie informačného systému na vykonavateľnosti a chráni svoj obzor

— (0)

Free

Advpl Mvc Avancado (Grade A)Základy

Bezpečnostne overená vývojová zručnosť pre Claude AI. Grade A. MVC avançado via PE (Vstupné body) — pridať vlastné mriežky na štandardných MVC obrazovkách (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

— (0)

Free

Docs Writer (Grade A)Základy

Bezpečnostne overená devops zručnosť pre Claude AI. Grade A. **WORKFLOW SKILL** — Udržiava presnosť a aktuálnosť dokumentácie v repozitároch naprieč webom dokumentácie, agent súbormi a changelogom. Keď: "update docs"

— (0)

Free