Generate Mcp App Ui (Grade A)Abilità di sviluppo certificata da security test per Claude AI. Classificato di eccellenza. Genera un widget per MCP App (HTML autocontenuto) per uno strumento di MCP. Descrivi il visivo che desideri e incolla l'output di test del tuo strumento. Utilizza quando desideri.
Panoramica
Funzionalità chiave
- Sono generati widget di HTML autocontenuto
- Supporta widget interattivi con la funzione callServerTool
- Gestisce diversi tipi di dati con check di sicurezza dei tipi
- Incentiva l'uso di Fluent UI e i lineamenti di design per una consistenza visiva
- encourage l'uso di Fluent UI e i lineamenti di design per una consistenza visiva
Prezzi
- Modello
- Free
- Categoria
- Competenze
- Valutazione
- Nessuna recensione
Casi d’uso
Visualizzazione dell'Output di Strumenti
Un utente vuole visualizzare l'output di uno strumento come una tabella o un grafico all'interno di una conversazione di chat. Fornisce una descrizione del visivo desiderato e l'output di test del strumento in formato di JSON.
Dashboard interattiva
Un utente richiede un widget interattivo che mostra dati dallo strumento e consente un aggiornamento dei dati. L'utente fornisce il nome dello strumento e l'output di test.
Pro & contro
Pro
- Genera widget visivamente attraenti per conversazioni di chat
- Illecita widget interattivi con le funzionalità rinnovamento
- Incentiva rappresentazioni visive compatte e focalizzate dei dati
Contro
- Richiede un'input specifico dagli utenti (descrizione di visual e output di test del tool)
- Limitato alla generazione di widget di base sulla base dei dati forniti, senza far ipotesi sulla forma dei dati
Recensioni
Accedi per lasciare una recensione.
Nessuna recensione. Sii il primo!
Domande e risposte
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
Fai una domanda
Alternative a Competenze
Using Git Worktrees (Grade A)CompetenzeSkill di sicurezza testata ai dati-ai per Claude AI. Classificata A. Usare quando si inizia il lavoro di feature che richiede l'isolamento dallo stato attuale del workspace o prima di eseguire i piani di implementazione - crea un repository git worktree isolato.
Ga4 Bigquery Schema (Grade A)CompetenzeSkill di dati ai testata per la sicurezza di Claude AI. Schema di esportazione di BigQuery GA4 di classe A.
Meta Capi (Grade A)CompetenzeSkill per la sicurezza dei dati-ai per Claude AI. Classe A. Riferimento di configurazione della piattaforma Meta Conversions API (CAPI)
Callees (Grade A)CompetenzeCompetenza di sviluppo testata a livello di sicurezza per Claude AI. Grade A. Elenco di tutto ciò a cui una funzione o metodo invoca (call graph diretto)
Test Module Name (Grade A)CompetenzeModulo di test sicuro per abilità AI dati da Claude AI. Grade A. Nome i moduli di test Haskell dopo il modulo da testare con suffisso Spec nel medesimo namespace. Utilizzare quando si scrivono o si vengono recensiti i moduli di test Haskell.
Board Of Directors (Grade A)CompetenzeSkill di AI dati con prova di sicurezza di alta qualità per Claude AI. Classe A. Simula una deliberazione di un collegio di esperti con 5 membri per le maggiori decisioni. Utilizzare quando si valuta i piani, le scelte di architettura, i progetti di design o qualsiasi altra decisione
Advpl Mvc Avancado (Grade A)CompetenzeSkill di sviluppo testata per la sicurezza per Claude AI. Grade A. MVC avanzato tramite PE (Pontos de Entrada) — aggiungere griglie personalizzate in schermate MVC standard (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)
Skill per DevOps segnalata da test di sicurezza per Claude AI. Grado A. **ABILITÀ DI FLOW DI LAVORO** — Mantiene l'accuratezza e la freschezza dell'accuratezza dei documenti nel repository, accross il sito dei documenti, i file degli agenti, e il changelog. QUANDO: "aggiorna documenti
Trending now
Biology AIIntelligenza Artificiale per l"EducazioneAiuto di Alta Qualità per i Compiti con Spiegazioni Dettagliate
Reducto AIPiattaforme per lo Sviluppo di Agenti AIAPI di intelligenza dei documenti che elabora, suddivide, riconosce testi da immagine e estrae dati strutturati da PDFs complessi, diapositive e fogli elettronici
Pixtral 12B 24.09Modelli Linguistici di RaffinamentoModello multimodale di 12B con finestra di contesto di 128K per l'elaborazione di immagini e testi intercalati.
AdCrierMarketing & PublicitàRisposte sponsorizzate, pagate per clic