Generate Mcp App Ui (Grade A)Sikkerhetstestet utviklingsferdighet for Claude AI. Gradering A. Generer en MCP App‑widget (selvstendig HTML) for et MCP‑verktøy. Beskriv visualiseringen du ønsker og lim inn verktøyets test‑output. Bruk når du vil.

— (0)

Anmeldt av Daniel Nikulshyn·Oppdatert juli 2026

Oversikt

Generer en MCP App-widget (selvstendig HTML) for et MCP‑verktøy. Beskriv visualiseringen du ønsker og lim inn verktøyets testutdata. Denne funksjonen genererer fokuserte, enkeltformål‑widgets som viser verktøyets output visuelt i en chat‑samtale. Den krever en beskrivelse av visualiseringen og verktøyets testutdata i JSON‑format. Den genererte widgeten kan være interaktiv hvis et verktøynavn oppgis, slik at den kan kalle verktøyet og oppdatere dataene.

Nøkkelfunksjoner

Genererer selvstendige HTML‑widgets
Støtter interaktive widgets med callServerTool‑funksjonalitet
Håndterer ulike datatyper med typesikre sjekker
Oppmuntrer til bruk av Fluent UI og designretningslinjer for visuell konsistens

Priser

Modell: Free
Kategori: Ferdigheter
Vurdering: Ingen anmeldelser

Brukstilfeller

Visualisering av verktøy‑output

En bruker ønsker å visualisere output fra et verktøy som et diagram eller en tabell i en chat‑samtale. De gir en beskrivelse av ønsket visualisering og verktøyets test‑output i JSON‑format.

Interaktivt dashbord

En bruker ber om en interaktiv widget som viser data fra et verktøy og tillater oppdatering av dataene. Brukeren oppgir et verktøynavn og test‑output.

Fordeler og ulemper

Fordeler

Genererer visuelt tiltalende widgets for chat‑samtaler
Tillater interaktive widgets med oppdateringsmuligheter
Oppmuntrer til kompakte og fokuserte visuelle fremstillinger av data

Ulemper

Krever spesifikk input fra brukerne (beskrivelse av visualisering og verktøyets test‑output)
Begrenset til å generere widgets basert på oppgitte data, uten å anta dataens struktur

Anmeldelser

Logg inn for å legge igjen en anmeldelse.

Ingen anmeldelser ennå. Vær den første!

Spørsmål

Kan widgeten oppdatere data automatisk?

Hvis du angir et verktøksnavn, kan den genererte HTML-en inkludere en `callServerTool`-funksjon som lar widgeten kontakte verktøyet og oppdatere sine data. Uten et verktøksnavn, vises dataene skrivebeskyttet.

Asked by Bilal Choudhury · Jan 11, 2026

Er det en læringskurve for å bruke denne ferdigheten?

De viktigste trinnene er å beskrive det ønskede visuelle (f.eks. graf, tabell) og å levere verktøys JSON-utdata. Når disse er gitt, genererer ferdigheten HTML-en; ingen ytterligere kode er nødvendig, selv om kjennskap til Fluent UI-retningslinjer kan hjelpe med å tilpasse utseendet.

Asked by Sarai Cohen · Jan 11, 2026

Må jeg levere min verktøys data før jeg lager en widget?

Ja. Verktøyet krever en testutdata i JSON-format fra verktøyet du ønsker å visualisere. Uten denne JSON-en, vil det bede deg lime den inn; det vil ikke gjette dataskapet.

Asked by Yara Mansour · Nov 20, 2025

Hva slags visuelle utdata kan dette verktøyet generere?

Det skaper selvinnholdende HTML-widget'er som diagrammer, sammenligningstabeller eller kart som viser et verktøys JSON-utdata. Widget'en er stilisert med Fluent UI for konsistens og kan være interaktiv hvis et verktøynavn er levert.

Asked by Tobias Hartmann · Oct 18, 2025

Still et spørsmål

Alternativer til Ferdigheter

Using Git Worktrees (Grade A)Ferdigheter

Sikkerhets-testet data-ai-ferdighet for Claude AI. Grade A. Bruk når du starter arbeid med funktioner som trenger isolasjon fra det aktuelle arbeidsplassen eller før du utfører implementeringsplaner.

— (0)

Free

Ga4 Bigquery Schema (Grade A)Ferdigheter

Sikkerhetstestet data‑AI-funksjon for Claude AI. Klasse A. GA4 BigQuery Export Schema Reference — komplett feltreferanse, nestede strukturer, spørringsmønstre og ytelsestips

— (0)

Free

Meta Capi (Grade A)Ferdigheter

Sikkerhets-testet data‑AI‑ferdighet for Claude AI. Grade A. Meta Conversions API (CAPI) Oppsettsreferanse – arkitektur, hendestype, kundedata‑hashing, deduplikasjon, implementeringseksempler, AEM

— (0)

Free

Callees (Grade A)Ferdigheter

Sikkerhets-testet utviklingsverktøy for Claude AI. Grade A. Lista hva en funksjon/metode kaller (direkte kallgraf)

— (0)

Free

Test Module Name (Grade A)Ferdigheter

Sikkerhetsprøvd data-ai ferdighet for Claude AI, vurdert å være av klassisk kvalitet, navngi Haskell-testmoduler etter den modulen under prøv etter vedleggelse av ett 'Spec' i samme navnerymmede. Bruk når du skriver eller overprøver en Haskell tesmodul.

— (0)

Free

Board Of Directors (Grade A)Ferdigheter

Sikkerhetstesta data‑AI ferdighet for Claude AI. Grader A. Simuler et 5‑medlemmenes ekspertstyre‑debatt for store beslutninger. Bruk når du evaluerer planer, arkitekturvalg, funksjonsdesign eller enhver beslutning.

— (0)

Free

Advpl Mvc Avancado (Grade A)Ferdigheter

Sikkerhetstestet utviklingskompetanse for Claude AI. Grade A. Avansert MVC via PE (Entry Points) — legg til tilpassede rutenett på standard MVC-skjerm (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

— (0)

Free

Docs Writer (Grade A)Ferdigheter

Sikkerhetstestet devops-ferdighet for Claude AI. Grade A. **WORKFLOW SKILL** — Opprettholder nøyaktigheten og oppdaterthet av repository-dokumentasjon på tvers av dokumentsiden, agentfiler og endringslogg. NÅR: "update docs"

— (0)

Free