Generate Mcp App Ui (Grade A)Turvattu kehityspalvelu Claude AI:lle. A-merkki. Luo MCP--sovellusnäkymäwidgetti (itsenäinen HTML) MCP-työkalulle.

— (0)

Arvostellut Daniel Nikulshyn·Päivitetty heinäkuu 2026

Yleiskatsaus

Luo MCP- sovellusolion sivu (itsenäinen HTML) MCP-työkalulle. Kuvaile visuaalisen kuvasi ja liitä työkalun testitulokset. Tämä taito luo tiukkaan määriteltyjä, yksilöllisiä sivuja, jotka näyttävät työkalun tuloksia visuaalisesti keskusteluoikeuden sisällä. Sen luomiseen tarvitaan kuvaus visuaalisesta kuvasi ja työkalun testitulokset JSON-muodossa. Luo sivu voi olla interaktiivinen, jos työkalun nimi annetaan, mikä mahdollistaa sen kutsuun työkalua ja sivun tiedot päivittää.

Pääominaisuudet

Luo itsenäisiä HTML-työkaluja.
Tukee interaktiivisia työkaluja callServerTool-toiminnallisuudella.
Käskee erilaisia tietotyyppejä tyyppikelpoisuuuden tarkistuksilla.
Vahvistaa Fluent UI:n käyttöä ja suunnittelukohdeohjeita näyttävyyden yhdenmukaisuuden edistämiseksi.

Hinnat

Malli: Free
Kategoria: Taidot
Arvio: Ei arvioita

Käyttötapaukset

Työkalun tuottaman tilastotiedon visualisointi

Käyttäjä haluaa visualisoida työkalun tuottamaa tietoa grafiikkaa tai taulukkoa keskustelukoven sisällössä. He tarjoavat kuvauksen siitä mitä näyttöä haluaa ja työkalun testitulosta JSON-formaatissa.

Interaktiivinen ohjekirja

Käyttäjä vaatii interaktiivista työkalua, joka näyttää dataa työkalusta ja salli datan uudelleenlatausta. Käyttäjä tarjouttaa työnimi ja työkalun testitulon.

Plussat ja miinukset

Plussat

Luo houkuttelevia työkaluja keskustelukoven sisällön näyttävyydelle.
Salli interaktiivisia työkaluja uudelleenlatausta varsinnoineen.
Vahvistaa kompaktista ja keskittynyttä tietosisällön edustamista.

Miinukset

Vaatii tarkkaa sisääntulosilta käyttäjältä (näkymän kuvaus ja työkalun testitulos).
Omaa aineistoa on rajoitettu generoimaan työkalua aineiston muodon arvailusta puuttumatta.

Arvostelut

Kirjaudu sisään jättääksesi arvostelun.

Ei arvosteluja. Ole ensimmäinen!

Kysymykset

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

Kysy kysymys

Taidot vaihtoehdot

Using Git Worktrees (Grade A)Taidot

Turvastetty data-ai -taito Claude AI:lle. Luokka A. Käytä alkaessaan kehitystyötä, joista tarvitaan eristys nykyisestä työtilasta tai ennen toimenpiteiden suorittamista - luodaan eristetty git työtila

— (0)

Free

Ga4 Bigquery Schema (Grade A)Taidot

Turvallinen ja vakuuttava tieto-ai-osaaminen Claude AI:lle. Grade A. GA4 BigQuery Export-skeeman referenssi – yksityiskohtainen kenttäluettelo, jäljitelmästruktuurit, kyselymallit ja suorituskyvyn vinkkejä

— (0)

Free

Meta Capi (Grade A)Taidot

Turvallisuustestattu tietojen ja tekoälyn taito Claude AI:lle. Grade A. Meta Conversions API (CAPI) -asennusopas — arkkitehtuuri, tapahtumatyyppien parametrit, asiakastiedon hajautus, deduplikointi, toteutusohjeet, AEM

— (0)

Free

Callees (Grade A)Taidot

Turvattu kehitys-osaaminen kohderyhmäksi Claude AI: lle. Luokka A. Listaa, mitä kutsutaan funktion tai metodin.

— (0)

Free

Test Module Name (Grade A)Taidot

Turvallisuuden testattu data-ai-ominaisuus Claude AI:lle. Luokitus A. Nimeä Haskell‑testausmoduulit testattavan moduulin mukaan, lisäten Spec‑liitteen samassa nimilohkossa. Käytä kirjoittaessa tai tarkistettaessa Haskell‑testausmoduulia.

— (0)

Free

Board Of Directors (Grade A)Taidot

Turvattu datan-ai-taidon moduuli Claude AI:lle. Arvo A. Suunnittele kaksitoista asiantuntija puolen kokouksen arvioinnin suurille päätöksille. Käytä suunnittelemaan suunnitelmia, rakenneratkaisuja, ominaisuusmuotoiluja tai mitä tahansa päätöksen.

— (0)

Free

Advpl Mvc Avancado (Grade A)Taidot

Tiedotusluokitelluksen kehittäminen - Claude AI:lle. Grade A. MVC -kevyt kehitys kautta pääsisäänkannat - lisääntyvän säännöllinen grids verkkorasiot MVC (CNTA300 / MATA070 / MATA440 / MATA460 / FINA040 via *STRU)

— (0)

Free

Docs Writer (Grade A)Taidot

Turvattu uudelleenkäyttökelvollinen DevOps-kyky Claude -ALulle. Grade A. **TYÖKESKUKESKUSKILTA** — Käyttää dokumenttien tiedostoja ja muistiinpanoja kaikkien asiakirjojen sivuilla

— (0)

Free