用途：构建自包含的交互式 HTML 探索器或工具，包含控件、实时预览，以及可复制的自然语言提示词。
主要能力与流程：先推断产品背景、受众、要探索的决策与所需状态；已有设计系统和用户明确要求优先于本技能的视觉默认值。从以下模板中只读取最贴近的一个并改写：templates/design-playground.md、templates/data-explorer.md、templates/concept-map.md、templates/document-critique.md、templates/diff-review.md、templates/code-map.md。产出一个 HTML 文件，内联 CSS 与 JavaScript，无外部运行时依赖。随后在浏览器中打开，逐一操作每个控件与预设，检查代表性视口尺寸，验证实时预览、提示词输出、复制反馈、空/错误状态和键盘可用性，完成前修复渲染缺陷。
默认做法（产品背景未另有指示时）：控件位于实时预览旁，提示词输出在下方；精致的浅色主题、系统 UI 字体、等宽字体显示代码/数值、极简界面；合理的非空初始状态和 3–5 个命名预设；单一状态对象、单一更新路径、预览与提示词即时刷新；控件按关注点分组，高级控件折叠；提示词用自然语言说明期望结果，只提及非默认选项。
硬性约束：无 Apply 按钮，相关改动即时渲染；提示词在未看到该页面时也可执行，且不是原始状态转储；复制需有可见的短暂反馈，并在 Clipboard API 失败时有可用回退；预设需一致更新控件、预览与提示词；不得添加不影响预览或生成提示词的控件。完成需交付自包含文件及实际渲染、交互检查的证据，仅打开文件不算完成。限制：资料未提供具体平台、收费与价格信息。