Generate Mcp App Ui (Grade A)Biztonságos fejlesztési készség a Claude AI számára. A+-os. Generáljon egy önálló MCP alkalmazási widgetot (önálló HTML) egy MCP eszközhöz.

— (0)

Értékelte Daniel Nikulshyn·Frissítve 2026. július

Áttekintés

Generáljon egy önálló MCP alkalmazási widgetet (önálló HTML) egy MCP eszközhöz. Ilyen szemmértékkel kívánja a megjelenést leírni és illeszthesse be a késztermék tesztkimenetét. Ezt a képességet koncentrált, egyelemű widgetek generálására használják fel, amelyek megnézik a chatbeszélgetésben egy eszköz kimenetét. A létrehozott widget tartalmazhat interaktív elemeket, ha a felhasználó megadja az eszköz nevét, lehetőséget biztosít az eszköz hívására és az adatok újrázására.

Fő funkciók

Generál önálló HTML widgetet
Támogatja az interaktív widgeteket a callServerTool funkcióval
Feldolgozza a különböző adattípusokat a típusbiztonsági ellenőrzésekkel
Képez koncentrált és összetartó megjelenést az adatokkal

Árazás

Modell: Free
Kategória: Készségek
Értékelés: Még nincs értékelés

Felhasználási esetek

A eszköz kimenetének megjelenítése

Egy felhasználó vizualizálja egy eszköz kimenetét egy chart vagy táblázat megjelenítésével egy chatbeszélgetésben. Leírja a kívánt megjelenést és megadja az eszköz tesztkimenetét JSON formátumban.

Interaktív kijelző

Egy felhasználó egy interaktív widgetet kér, amely bemutatja az eszköz adatait és lehetővé teszi az adatok frissítését. A felhasználó megadja az eszköz nevét és a tesztkimenetet.

Előnyök és hátrányok

Előnyök

Generál kiváló kinézetű widgeteket a chatbeszélgetéshez
Engedélyezi az interaktív widgeteket a frissítési lehetőségekkel
Képez összetartó és koncentrált ábrázolást az adatokról

Hátrányok

Követel magas szintű bemenetet a felhasználóktól (leírás és az eszköz tesztkimenete)
Hátránya, hogy az adatfolyamot csak a megadott alapján generálja, nem feltételezve az adat alakját

Értékelések

Jelentkezz be értékelés írásához.

Még nincs értékelés. Légy az első!

Kérdések

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

Kérdezz

Készségek alternatívái

Using Git Worktrees (Grade A)Készségek

Biztonsági teszteknek alávetett adat-ai képesség a Claude AI-hoz. Grade A. Használja, amikor elkülönülést igénylő funkcionális munkát kezd el, vagy mielőtt végrehajtaná a megvalósítási terveket - elkülönített git munkaterületet hoz létre

— (0)

Free

Ga4 Bigquery Schema (Grade A)Készségek

Biztonsági tesztelt adat-ai készség a Claude AI-nek. Osztálya A. GA4 BigQuery -kiviteli szintaxis referencia – komplett mezőnévtár, szöveges struktúrák, számítási minták és teljesítményi tippek

— (0)

Free

Meta Capi (Grade A)Készségek

Biztonságban ellenőrzött adat-ai készség a Claude számára. A+ minőség. A Meta Váltási API (CAPI) beállítási referencia — architektúra, eseménytípusok, ügyfélinformációk hashelése, duplikáció megszüntetése, példaalapú implementációk, AEM

— (0)

Free

Callees (Grade A)Készségek

Biztonságigazolt fejlesztési készség Claude AI-hez. Osztályzat: A. Lista abból, amit egy metódus/művelet hív (hívási grafikus direkt)

— (0)

Free

Test Module Name (Grade A)Készségek

Biztonsági tesztelésű adat-ai készség a Claude AI-hez. Grade A. Nevezze el a Haskell tesztparaméter-modulokat a tesztelt modul neve alapján Spec suffixszel ugyanabban a névterületben. Használja, ha Haskell tesztparaméter-modulokat ír vagy felülvizsgál

— (0)

Free

Board Of Directors (Grade A)Készségek

Biztonságtesztelt adat-készség a Claude AI-hez. Osztályzat A. Szimuláljon egy 5 tagú szakértői bizottság tanácskozását a fontos döntésekhez. használja, amikor a tervezéseket, rendszerépítési választásokat, funkciótervezést vagy bármilyen döntést értékelnek, amely igényli a több szempontból szakmailag elemzett véleményeket.

— (0)

Free

Advpl Mvc Avancado (Grade A)Készségek

Biztonságpróba által tesztelt fejlesztési kompetencia Claude AI-hez. Általános osztályozás A.

— (0)

Free

Docs Writer (Grade A)Készségek

Biztonsági teszteknek megfelelő devops képesség a Claude AI-hoz. Grade A. **WORKFLOW SKILL** — Fenntartja a repellerek dokumentációjának pontosságát és frissességét a dokumentumok oldalon, az ügynökfájlokon és a változási naplóban. MIKOR: „dokumentumok frissítése”

— (0)

Free