hello-sugar-design-skill 是做什麼的？
Claude Code 代理技能：建構自包含、符合 Hello Sugar 品牌風格的 HTML 成品（ROI 頁面、一頁式網站、報告、儀表板）。
概述
此技能讓 Claude Code 代理能夠根據 Hello Sugar 的品牌識別系統，自動生成完整、自包含的 HTML 成品。這些成品包括 ROI 計算頁面、一頁式宣傳頁、詳細報告以及互動式儀表板，所有輸出均遵循統一的視覺語言和品牌元素。
主要功能
- 品牌一致性：自動套用 Hello Sugar 的品牌色調、字體與元件樣式，確保所有成品風格統一。
- 自包含輸出：所有樣式與腳本均內嵌於單一 HTML 檔案中，無需外部資源即可獨立運行。
- 多種成品類型：支援生成 ROI 頁面、一頁式網站、報告及儀表板等多種格式。
- 易於整合：透過 Claude Code 平台無縫使用，開發者只需提供內容或結構描述即可。
使用方式
- 在 Claude Code 中啟用此技能。
- 指定所需的成品類型與內容（例如「建立一個 ROI 頁面，內容包含成本節省與收益預測」）。
- 代理將自動生成自包含的 HTML 檔案，並可選擇直接輸出或儲存。
平台支援
- Claude Code
- 任何支援自包含 HTML 的瀏覽器或部署環境
注意事項
- 確保內容符合 Hello Sugar 的品牌指南。
- 生成的 HTML 檔案為自包含格式，無需額外依賴。
- 若需自訂品牌元素，請先更新品牌配置檔案。