用途：本技能是一个 MCP App 组件生成器，为 MCP 工具创建聚焦单一用途的 HTML widget，把工具输出在对话中可视化呈现。
主要能力：按数据类型选择合适视觉形式（地图用于坐标、图表用于数值趋势、卡片用于结构化记录、表格用于比较、时间线用于事件）。支持两种交付模式：自包含（默认，推荐，单个 HTML 文件内嵌运行时，无远程脚本、样式、字体、图片、地图瓦片等资源）与 CDN 模式（仅在用户明确允许后才使用公开 CDN）。若提供工具名，可接入 callServerTool 实现交互（如刷新按钮）；否则只读渲染。
必要用法：需用户提供所需视觉描述、工具的测试输出 JSON（工具输出须设为 JSON）以及是否允许公开 CDN。缺测试输出或 schema 时必须先询问，不得猜测数据结构。将输出规范化为运行时 { content, structuredContent, _meta } 形态，content 与 structuredContent 模型可见，_meta 为组件私有。生成后写入 ./mcp-app-widget.html 等文件。自包含模式须运行：node "${PLUGIN_ROOT}/scripts/inline-self-contained-runtime.js" --input "./mcp-app-widget.html"；改动已存在 widget 时先用 --prepare 生成临时副本再编辑并重新内联。
适用场景：为任意 MCP 工具快速生成报表、对比、地图、图表类可视化卡片。设计原则：对话即输入，不添加与聊天重复的搜索框或文本框；模型文本负责解释，组件负责视觉；默认紧凑、单一视图、无标签页或返回按钮。
限制：自包含模式禁止 import、远程 script、样式表、字体、图片、iframe、媒体、地图瓦片、worker 及字面网络请求，不得输出 <fluent-*> 元素，图表/地图须用内联 SVG、Canvas 或 CSS 实现且不得抓取瓦片。CDN 模式仅在用户明确许可后使用。具体收费、价格与平台支持等事实资料暂未提供。