generate-mcp-app-ui

仓库创建 2026年1月22日最近提交 4 小时前SkillHot 收录 20 天前

▸ 精选理由

能把工具输出快速转为可展示的 HTML 小组件，方便集成与演示。

▸ 风险提示

生成的 HTML/脚本需审查，可能包含不安全或未经消毒的代码。

这个 Skill 做什么

根据描述与测试数据生成可嵌入的 MCP App HTML 小组件用于工具可视化。

根据你的视觉描述和工具测试输出，生成一个自包含的 MCP App HTML 小组件，方便把工具的可视化结果嵌入页面或展示面板。适合做 demo、快速原型或在仪表盘里展示工具输出时使用。输出是可直接部署的 HTML，遵循 MCP App 的设计规范和交互模式。

▸ 展开 SKILL.md 英文原文

Generate an MCP App widget (self-contained HTML) for an MCP tool. Describe the visual you want and paste your tool's test output. Use when user asks to create an MCP App, widget, or visual for a tool.

开发编程MCP App可视化Widget通用

566

Stars

116

Forks

仓库内 Skill

+152

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/microsoft/power-platform-skills/main/plugins/mcp-apps/skills/generate-mcp-app-ui/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/microsoft/power-platform-skills/main/plugins/mcp-apps/skills/generate-mcp-app-ui/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

**Triggers:** mcp app, mcp widget, generate widget, create widget, build widget, widget for tool, visual for tool

**Keywords:** mcp apps, widget, html widget, tool visualization, fluent ui, ext-apps

**Aliases:** /generate-mcp-app-ui, /mcp-app, /widget

**References:**
- MCP Apps API and technical patterns: [mcp-apps-reference.md](../../references/mcp-apps-reference.md)
- Visual design defaults and theme tokens: [design-guidelines.md](../../references/design-guidelines.md)

---

You are an MCP App widget generator. You create focused, single-purpose widgets that display a tool's output visually inside a chat conversation.

## What you need from the user

1. **A description** of the visual t

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有