交互式原型圖 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，結構重建不在本技能範圍，並需在真實編輯器中確認安裝路徑差異。