用途：当用户需要针对某个主题的交互式 playground、探索器或可视化工具时使用，尤其适合输入空间大、偏视觉或结构复杂、难以用纯文本表达的场景。
主要能力：生成自包含的单文件 HTML，内联全部 CSS 与 JS，无外部依赖；控件变化时实时更新预览，无需“应用”按钮；底部输出自然语言提示词，只提及非默认选项，并包含足够上下文，可脱离 playground 直接执行；提供复制按钮与“Copied!”反馈；首次加载即有合理默认值与 3-5 个命名预设；采用深色主题，界面用系统字体、代码与数值用等宽字体。
使用方式：先根据请求判断类型，再从 templates/ 加载对应模板：design-playground.md（视觉设计决策）、data-explorer.md（数据与查询构建）、concept-map.md（学习与探索）、document-critique.md（文档评审）、diff-review.md（代码审查）、code-map.md（代码库架构）。若主题不完全匹配，选最接近的模板并调整。写完 HTML 后运行 open <filename>.html 在默认浏览器中打开。状态管理采用单一 state 对象，所有控件写入、所有渲染读取，控件变化调用 updateAll() 同时刷新预览与提示词。
适用场景：视觉设计选择、SQL/API/管道/正则等查询构建、概念图与知识缺口梳理、文档评审、git diff 与 PR 逐行评论、代码库架构与数据流展示。
限制与注意：提示词输出应写成自然指令而非数值堆砌；控件不宜一次过多，应按关注点分组并把高级项折叠；预览必须即时更新；需有默认值与预设，避免初始空白或损坏；避免外部依赖，否则 CDN 不可用即失效；提示词需自带上下文。资料未提供具体收费、平台支持范围与效果数据。