Generate Mcp App Ui (Grade A) logo

Generate Mcp App Ui (Grade A)Drošības pārbaudīta izstrādes prasme Claude AI. Grēds A. Generējiet MCP App UI logrīku (pilsēta HTML) MCP rīkam.

— (0)
Daniel NikulshynPārskatījis Daniel Nikulshyn·Atjaunināts 2026. g. jūlijs

Pārskats

Izveidojiet MCP App UI logrīku (pilsēta HTML) MCP rīkam. Aprakstiet vēlamo vizuālo izskatu un ielīmējiet rīka testēšanas rezultātus. Šī prasme veido koncentrētus, vienas uzdevuma logrus, kas attēlo rīka rezultātus vizuāli sarakstes sarunā. Tas prasa vizuālās izkārtojuma aprakstu un rīka testēšanas rezultātus JSON formātā. Veidots logrīks var būt interaktīvs, ja tiek norādīts rīka nosaukums, ļaujot to izsaukt un atjaunot datus.

Galvenās funkcijas

  • Izveido atsevišķus HTML logrus
  • Atbalsta interaktīvus logrus ar callServerTool funkcionalitāti
  • Apstrādā dažādas datu tipa struktūras ar tipa drošu pārbaudīšanu
  • Veicina Fluent UI un dizaina vadlīniju izmantošanu vizuālai vienotībai

Cenas

Modelis
Free
Kategorija
Taktu
Vērtējums
Nav atsauksmju

Lietošanas gadījumi

Rīka rezultātu vizualizācija

Lietotājs vēlas vizualizēt rīka rezultātus kā diagrammu vai tabulu sarakstes sarunā. Viņš sniedz aprakstu par vēlamo vizuālo izkārtojumu un rīka testēšanas izvadīt JSON formātā.

Interaktīvs informācijas panelis

Lietotājs pieprasa interaktīvu logru, kas parāda datus no rīka un ļauj atjaunot datus. Lietotājs sniedz rīka nosaukumu un testēšanas izvadīt.

Plusi un mīnusi

Plusi

  • Izveido vizuāli pievilcīgus logrus sarakstes sarunām
  • Atļauj interaktīvus logrus ar atjaunināšanas iespējām
  • Veicina kompakta un koncentrēta vizuāla datu pārstāvēšanu

Mīnusi

  • Prasa konkrētu ievadi no lietotājiem (vizuālās izkārtojuma aprakstu un rīka testēšanas izvadīt)
  • Ierobežots ar logru veidošanu balstoties uz pieejamo datu struktūru, bez pieņēmumiem par datu formu

Atsauksmes

Pieslēdzies, lai atstātu atsauksmi.

Vēl nav atsauksmju. Esi pirmais!

Jautājumi

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

Uzdod jautājumu

Taktu alternatīvas

Using Git Worktrees (Grade A) logo
Using Git Worktrees (Grade A)Taktu

Saugamības pārbaudīta datu-AI prasmju funkcija Claude AI. Grēds A. Izmantojiet, kad sākat funkciju darbu, kas prasa izolāciju no pašreizējās darba vietas vai pirms izpildes plānu - izveido izolēti git worktrees

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

Drošības pārbaudīts datu-AI uzdevums Claude AI. Grēds A. GA4 BigQuery Eksporta shēmas atsauce — pilnīga lauku atsauce, iekļautas struktūras, vaicājumu modeļi un veiktspējas padomi

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

Drošības pārbaudīta datu AI prasme Claude AI. Grads A.

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

Sekuritātes testētu izstrādes iemaņu kalāšana ar Claude AI. Kvalitāti A. Saraksts, ko viena funkcija/metode saistījušas

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

Drošības pārbaudīta datu-AI prasmju rīks Claude AI. Grēds A. Nosauciet Haskell testa moduļus pēc testējamā modula ar Spec sufiksu tajā pašā nosaukuma telpā. Lietojiet, kad rakstāt vai pārskatāt Haskell testa moduli.

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

Izvēlētais dati-IA spēks par Claude AI. Grade A. Simulēt 5 dalībnieku ekspertu padomes diskusiju svarīgām lēmumiem. Lietot, lai novērtētu plānu, arhitektūras izvēles, funkciju dizainu vai nekādus citus lēmumus, kas prasību dažādus ekspertu skatu pārstāvju pārskatu.

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

Rīkotāja, kas testēta kārtībā, lai izmantotu Claude AI. A klasē ar MVC. Pārstāv ADVPL peles — izveidot atstājīgs gridus MVC standarta tēlēs.

— (0)
Free
D
Docs Writer (Grade A)Taktu

Drošības pārbaudīta devops prasmība Claude AI. Grēds A. **WORKFLOW SKILL** — Uztur repozitorija dokumentācijas precizitāti un svaigumu visā dokumentācijas vietnē, agenta failos un izmaiņu žurnālā. KAD: "update docs"

— (0)
Free