Generate Mcp App Ui (Grade A)Compétence de développement testée pour Claude AI. Grade A. Générez un widget d'application MCP (self-containu HTML) pour un outil MCP.

— (0)

Évalué par Daniel Nikulshyn·Mis à jour juillet 2026

Aperçu

Générez un widget d'application MCP (self-containu HTML) pour un outil MCP. Décrivez le visual que vous souhaitez et collez l'output de test de votre outil. Cette compétence génère des widgets axés, de petits objectifs, qui affichent visuellement l'output d'un outil à l'intérieur d'une conversation de messagerie. Cela nécessite la description du visual et l'output de test de votre outil sous forme de format JSON. Le widget généré peut être interactif si un nom d'outil est fourni, permettant d'appeler l'outil et de mettre à jour les données.

Fonctionnalités clés

Génère des widgets HTML autonomes
Supporte les widgets interactifs avec la fonctionnalité callServerTool
Gère différents types de données avec des vérifications sûres
Encourage l'utilisation d'UI Fluent et de directives de design pour une cohérence visuelle

Tarifs

Modèle: Free
Catégorie: Compétences
Note: Pas encore d’avis

Cas d’usage

Visualisation de la sortie de l'outil

Un utilisateur souhaite visualiser la sortie d'un outil sous forme de graphique ou de tableau dans une conversation de chat. Il fournit une description de la visualisation souhaitée et de la sortie de test de l'outil au format JSON.

Tableau de bord interactif

Un utilisateur demande un widget interactif qui affiche des données provenant d'un outil et permet de rafraîchir les données. L'utilisateur fournit un nom d'outil et une sortie de test.

Pour & contre

Pour

Génère des widgets visuellement attrayants pour les conversations de messagerie
Permet les widgets interactifs avec des capacités de mise à jour
Encourage des représentations visuelles compactes et axées sur les données
Améliore la conception des applications

Contre

Exige des entrées spécifiques des utilisateurs (description du visual et output de test de l'outil)
Limité à la génération de widgets basés sur les données fournies, sans faire d'hypothèses sur la forme des données

Avis

Connecte-toi pour laisser un avis.

Pas encore d’avis. Sois le premier !

Questions & réponses

Le widget du Generate Mcp App Ui peut-il se mettre à jour automatiquement ?

Lorsque vous fournissez un nom de commande, le code HTML généré peut intégrer une fonction `callServerTool` permettant au widget dappeler la commande et de mettre à jour ses données. Sans nom de commande, le widget affiche les données uniquement en lecture.

Asked by Bilal Choudhury · Jan 11, 2026

Y-a-t-il une courbe d'apprentissage à gravir pour utiliser cette compétence ?

Les principales étapes consistent à décritre l'apparence désirée (p. ex. graphique, table) et à fournir le résultat au format JSON de la commande. Une fois ces informations fournies, la compétence génère le code HTML ; il n'est pas nécessaire d'apprendre à coder, bien que la connaissance des lignes directrices Fluent UI puisse vous aider à personnaliser l'apparence des résultats.

Asked by Sarai Cohen · Jan 11, 2026

Ai-je besoin de fournir les données de mon outil avant de créer un widget ?

Oui. L'outil nécessite un modèle de sortie en JSON de l'outil que vous souhaitez visualiser. Sans ce JSON, il vous promprêtera de le coller ; il ne le devinerait pas.

Asked by Yara Mansour · Nov 20, 2025

Quels types de sorties visuelles cet outil peut-il générer ?

Il crée des widgets HTML autonome tels que des graphiques, des tableaux de comparaison ou des cartes qui affichent une sortie JSON d'un outil. Le widget est stylisé avec Fluent UI pour une cohérence et peut être interactif si le nom d'un outil est fourni.

Asked by Tobias Hartmann · Oct 18, 2025

Poser une question

Alternatives à Compétences

Using Git Worktrees (Grade A)Compétences

Création de workspaces isolés en sécurité pour le développement de fonctionnalités avec la skill Claude AI A+

— (0)

Free

Ga4 Bigquery Schema (Grade A)Compétences

Compétence de données-IA évaluée en termes de sécurité pour Claude AI. Grade A. Raisonnement de référence du schéma d'export de BigQuery pour GA4 — référence complète du champ, structures imbriquées, modèles de requête, et conseils de performance

— (0)

Free

Meta Capi (Grade A)Compétences

Compétence data‑AI sécurisée pour Claude AI. Grade A.

— (0)

Free

Callees (Grade A)Compétences

Compétence de développement testée en matière de sécurité pour Claude AI. Grade A. Liste ce qu'une fonction/méthode appelle (graphe d'appels direct)

— (0)

Free

Test Module Name (Grade A)Compétences

Module de test nommagent selon le modèle de test suivi

— (0)

Free

Board Of Directors (Grade A)Compétences

Compétence data‑ai vérifiée en matière de sécurité pour Claude AI. Grade A.

— (0)

Free

Advpl Mvc Avancado (Grade A)Compétences

Compétence de développement testée en sécurité pour Claude AI. Grade A. MVC avancé via PE (Pontos de Entrada) — ajouter des grilles personnalisées dans les écrans MVC standard (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

— (0)

Free

Docs Writer (Grade A)Compétences

Évaluation de sécurité pour la compétence devops de Claude AI. Grade A. **COMPÉTENCE DE CIRCUIT** — Maintient la précision et la fraîcheur de la documentation du dépôt à travers le site de docs, les fichiers de l'agent et le journal des modifications. LORSQUE : « mise à jour des docs »

— (0)

Free