交互式原型图 Skill：用 DESIGN.md 驱动的可定制 HTML 原型

介绍 SkillHub 社区技能「交互式原型图（自动生成关键注释，风格可定制）」，坐标 @user_9c6b6ed5/product-prototype，版本 1.0.1，分类 design-media。它能把 PRD 或需求描述变成可交互的 HTML 原型，并根据 PRD 自动生成关键注释。核心机制是把结构骨架与视觉规范分层：配色、字体、圆角、组件样式统一放在 DESIGN.md 中，修改规范即可更换风格，页面结构与连线保持稳定；也可从用户提供的网页链接提取设计风格，生成或更新 DESIGN.md。文章给出 SKILL.md 格式下的目录结构、配置写法与 DESIGN.md 变量示例，以及三类典型用法：按 PRD 出原型、按参考站点提取风格出原型、客户改风格后只改规范重出。同时说明适用人群与注意事项：视觉改动须走 DESIGN.md，结构重建不在本技能范围，并需在真实编辑器中确认安装路径差异。