Generate Mcp App Ui (Grade A) logo

Generate Mcp App Ui (Grade A)מיומנות פיתוח בדוקה ביטחונית עבור Claude AI. Grade A. הגénרט MCP App widget (HTML עצמאי) עבור כלי MCP. תאר את המראה הוויזואלי הרצוי והדבק פלט הבדיקה של כליך.

(0)
Daniel Nikulshynנבדק על ידי Daniel Nikulshyn·עודכן יולי 2026

סקירה

הגénרט MCP App widget (HTML עצמאי) עבור כלי MCP. תאר את המראה הוויזואלי הרצוי והדבק פלט הבדיקה של כליך. מיומנות זו יוצרת ווידג'טים ממוקדים ובעלי מטרה יחידה שמציגים את פלט הכלי באופן ויזואלי בתוך שיחת צ'אט. היא דורשת תיאור של המראה הוויזואלי ופלט הבדיקה של הכלי בפורמט JSON. הווידג'ט המיוצר יכול להיות אינטראקטיבי אם שם כלי מסוים מסופק, מה שמאפשר לו לקרוא לכלי ולרענן את הנתונים.

תכונות עיקריות

  • יוצר ווידג'טים HTML עצמאיים
  • תומך בווידג'טים אינטראקטיביים עם תכונת callServerTool
  • מטפל בסוגים שונים של נתונים עם בדיקות בטיחות
  • עודד להשתמש ב-Fluent UI ובהנחיות עיצוב לקonsיסטנטיות ויזואלית

תמחור

מודל
Free
קטגוריה
מיומנויות
דירוג
אין עדיין ביקורות

מקרי שימוש

ויזואליזציה של פלט כלים

משתמש רוצה לוויזואלייז את פלט הכלי כגרף או טבלה בשיחת צ'אט. הוא מספק תיאור של המראה הוויזואלי הרצוי ופלט הבדיקה של הכלי בפורמט JSON.

לוח בקרה אינטראקטיבי

משתמש מבקש ווידג'ט אינטראקטיבי שמציג נתונים מכלי ומאפשר רענון הנתונים. המשתמש מספק שם כלי ופלט בדיקה.

יתרונות וחסרונות

יתרונות

  • יוצר ווידג'טים בעלי מראה חזותי מושך עבור שיחות צ'אט
  • מאפשר ווידג'טים אינטראקטיביים עם יכולות רענון
  • עודד לייצוגים ויזואליים קומפקטיים וממוקדים של נתונים

חסרונות

  • דורש קלט מסוים מהמשתמשים (תיאור המראה הוויזואלי ופלט הבדיקה של הכלי)
  • מוגבל ליצירת ווידג'טים על בסיס הנתונים המסופקים, ללא הנחות על צורת הנתונים

ביקורות

התחבר כדי להשאיר ביקורת.

עדיין אין ביקורות. היה הראשון!

שאלות ותשובות

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

שאל שאלה

חלופות למיומנויות

Using Git Worktrees (Grade A) logo
Using Git Worktrees (Grade A)מיומנויות

Security-tested data-ai skill for Claude AI. Grade A. שימוש בעבודות Git (קצב A)

(0)
Free
Ga4 Bigquery Schema (Grade A) logo
Ga4 Bigquery Schema (Grade A)מיומנויות

מיומנות מבודקת ביטחונית של נתונים-בינה ל-Claude AI. דרג א'. GA4 BigQuery Export Schema Reference — רפרנס מושלם של שדות, מבנים מקוננים, דפוסי שאילתות וטיפים לביצועים

(0)
Free
Meta Capi (Grade A) logo
Meta Capi (Grade A)מיומנויות

כלי נתוני-אי זהירות לביצועי מטה, רייטינג A. קביעת מקור CAPI (CAPI) של מטה - מדריך ייעוץ, תכנון, סוגים של אירועים, פענוח מידע לקוח, תחבורת סיוע, דוגמאות, AEM.

(0)
Free
Callees (Grade A) logo
Callees (Grade A)מיומנויות

מיומנות פיתוח בטוחה ל- Claude AI. Grade A. רשימת מה שפונקציה/שיטה קוראת (גרף קריאות ישיר)

(0)
Free
Test Module Name (Grade A) logo
Test Module Name (Grade A)מיומנויות

מודל ניתוח אבטחתי לראשונה- AI השקל ל Claude AI. דרג A. תן לקרום תעלת-שידור- תשמע את שם המנוע המערכת כהשם- עם סי ָ Suffix spec באתמ נו Suffix ה-אחד

(0)
Free
Board Of Directors (Grade A) logo
Board Of Directors (Grade A)מיומנויות

מיומנות בינה מלאכותית עם אבטחה נבדקת עבור Claude AI. כיתה א'. הדמיה של דיון מועצת מנהלים של 5 מומחים להחלטות גדולות.

(0)
Free
Advpl Mvc Avancado (Grade A) logo
Advpl Mvc Avancado (Grade A)מיומנויות

כישורה בפיתוח מבוססת בדיקת אבטחה לקלוד AI. דירוג A. MVC מתקדם דרך PE (נקודות כניסה) - הוספת מatriçot customizadas במסכי MVC רגיל (CNTA300/MATA070/MATA440/MATA460/FINA040 via *STRU)

(0)
Free
D
Docs Writer (Grade A)מיומנויות

מיומנות DevOps נבדקת אבטחתית עבור Claude AI. דרגה A. **מיומנות זרימת עבודה** — שומרת על דיוק ורעננות תיעוד המאגר בכל אתרי התיעוד, קבצי הסוכן ויומן השינויים. מתי: 'עדכן תיעוד'

(0)
Free