菜单
生成交互式HTML产品原型的专家技能。当用户需要创建产品原型、UI界面原型、 可交互的HTML演示页面、产品功能展示页面，或提到"原型"、"prototype"、 "产品界面"、"UI原型"、"交互原型"、"演示页面"等时使用。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/vagerent/prototype-html --skill prototype-html命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | prototype-html |
| description | 生成交互式HTML产品原型的专家技能。当用户需要创建产品原型、UI界面原型、 可交互的HTML演示页面、产品功能展示页面，或提到"原型"、"prototype"、 "产品界面"、"UI原型"、"交互原型"、"演示页面"等时使用。 |
根据产品需求，生成完整的、可直接运行的单文件HTML产品原型。
使用SVG技术绘制连线，确保连线清晰可见且不遮挡内容。
连线规则：
交互效果：
连线标注：
<style>标签中<script>标签中#165DFF#F5F7FA、深灰色 #333333#00B42A（成功状态）、红色 #F53F3F（错误状态）DOMContentLoaded 和 resize 事件重新计算pointer-events-none 不会阻挡下方元素的交互