Generate Mcp App Ui (Grade A)Claude AI için güvenilen geliştirme yeteneği. Sınıf A. MCP Uygulaması widgeti (kendini içeren HTML) üretin (görüntülü istediğiniz ve araçınızın test çıktısını yapıştırın). Kullandığınızda kullan.

— (0)

İnceleyen Daniel Nikulshyn·Güncellendi Temmuz 2026

Genel Bakış

MCP bir uygulamaya widget (toplam olarak HTML) oluştur (self-contained). Görünümü istediğinizde ve araç test çıktınızı yapıştırduğunuzda MCP aracını açıklamalısınız. Bu yetenek, aracın çıktısını çat konuşmasında görselleştirmek için araçsal, hedefe yönelik widgetler oluşturur. İşte araç açıklaması ve aracın test çıktısı JSON formatında. Oluşturulan widget araç adı verilirse interaktif olabilir, araç çağırılabilir ve veri güncel kalabilir. Widget API'de araç adını çağırmak gerekli.

Temel özellikler

Kendini içeren HTML bileşenleri üretir
Çalışan bileşenler destekler callServerTool işlevselliği ile
Çeşitli veri türlerini tür güvenli kontrolleriyle işler
Fluent UI ve tasarım kılavuzlarına uymanın kullanılmasına teşvik eder

Fiyatlar

Model: Free
Kategori: Yetenekler
Puan: Henüz inceleme yok

Kullanım senaryoları

Tool Çıktısı Görselleştirme

Bir kullanıcı bir aracıların çıktısını chart veya tablo olarak sohbet conversationunda görselleştirmek istemektedir. Kullanıcı bir aracı ismi ve araç tarafından test edilen çıktı sunar.

Etkileşimli Düzenek

Bir kullanıcı bir aracıdan gelen verileri göstermek ve yenilemek istediğinde etkileşimli bir widget talep eder. Kullanıcı aracı ismini ve test çıktısını sunar.

Artılar ve eksiler

Artılar

Chat sohbeti için görsel cezbedici bileşenler üretir
Güncellenme özelliklerine sahip olan etkileşimli bileşenler sağlar
Veri için kompas ve odaklanmış görsel temsillerini teşvik eder

Eksiler

Kullanıcıların ilgili girdilerine ihtiyaç vardır (istedikleri görüntünün tanımı ve araçınızın test çıktısı)
Veri şeklini varsaymadan belirtilen verileri taban alınabilir olan widgetler üretilmesi sınırlıdır

İncelemeler

İnceleme bırakmak için giriş yap.

Henüz inceleme yok. İlk sen ol!

Sorular

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

Soru sor

Yetenekler alternatifleri

Using Git Worktrees (Grade A)Yetenekler

Güvenlik kontrolü yapılan Claude AI için veri-ai yetenek. Sınıf A. Oluşturma sırasında veya işleme planını çalıştırmadan önce görüntülü çalışma alanı oluşturmak için kullan - geçerli çalışma alanı ayrı bölgede izole eder.

— (0)

Free

Ga4 Bigquery Schema (Grade A)Yetenekler

Güvenlik test edilmiş veri-ai becerisi için Claude AI için A sınıfı. GA4 BigQuery_export Scheması Referansı - tam alan referansı, iç içe yapılar, sorgu paternleri ve performans ipuçları

— (0)

Free

Meta Capi (Grade A)Yetenekler

Meta Capi - Güvenlik test edilmiş data-yetenek, Claude AI için. Grade A. Meta Konversiyon API (CAPI) Yapılandırması Referansı - mimari, olay tipleri, müşteri bilgileri şifreleme, tekrarsızlık, uygulama örnekleri, AEM

— (0)

Free

Callees (Grade A)Yetenekler

Amaçlı geliştirme yeteneği için güvenli test edilmiş Claude AI'de Sınıf A. Fonksiyonu/metodu kullandığı listelemek (direkt çağrı grafı)

— (0)

Free

Test Module Name (Grade A)Yetenekler

Güvenlik test edilmemiş data-ai becerisi için Claude AI'ye. Grade A. Modülün altında test ediyorsanız, aynı namespace'de test modülünün ismini alan Haskell test modülünü 'Spec Sufışıyla adlandırın. Modül yazarken veya incelemelerde bu test modülünü kullanın.

— (0)

Free

Board Of Directors (Grade A)Yetenekler

Güvenlik test edilmiş veri-ay data becerisi için Claude AI için Grade A. Büyük kararlar için uzmandan beş üyenin uzman bir kurul deliberasyonunu simule edin. Planlar, mimari seçimlerin, işlev tasarımları veya herhangi bir kararın değerlendirilmesi için kullanın.

— (0)

Free

Advpl Mvc Avancado (Grade A)Yetenekler

Uygulama güvenliktest edilen bir geliştirme yeteneği, Claude AI için. Grade A. MVC avançado üzerinden PE (Giriş noktası), standart ekranlarda özel gridler ekleme (CNTA300/MATA070/MATA440/MATA460/FINA040 üzerinden *STRU)

— (0)

Free

Docs Writer (Grade A)Yetenekler

Güvenli test edilen Claude AI devops yeteneği. A derece. **AKTİVİTE YETENEĞİ** — Depo dokümantasyon güncelliğini ve tazeliğini doküman sitesindeki, ajan dosyaları ile ve güncelleme günlüğünde tutmaya yarar. Nerede: "docs güncelle"

— (0)

Free