alchaincyf/huashu-design

解決的問題

Huashu Design 是一個針對 AI 代理（如 Claude Code、Cursor 和 Codex）的設計自動化技能，允許使用者僅透過文字提示生成專業且可交付的設計。它消除了對 Figma 或 After Effects 等手動 GUI 工具的需求，讓代理能直接從終端產生高保真度的互動式原型、簡報文件與動態圖形。

如何運作

本專案提供一組結構化的指令（SKILL.md）、資產與腳本，將 AI 代理轉化為專業設計師。它採用以下核心機制：

• 品牌資產協定：嚴格的 5 步流程，代理會搜尋官方品牌指南，從資產中提取實際的十六進位顏色碼，並建立品牌規範，避免猜測顏色。
• 設計方向顧問：當需求模糊時，代理會並行執行三條邏輯路徑（隨機選擇、真實世界獲獎作品參考、頂尖工作室理念），為使用者提供三種不同的視覺方向以供選擇。
• 初階設計師工作流程：代理遵循專業的迭代流程：釐清假設、使用占位符進行早期回饋，再優化內容與變體。
• 技術工具鏈：使用 60 種原生 HTML 樣式庫與自訂動畫引擎（Stage + Sprite 模型）進行渲染。並包含腳本，可將這些 HTML 輸出轉換為 MP4、GIF、PDF 與可編輯的 PPTX 檔案。

適用對象

專為偏好聊天式代理工作流程，而非傳統圖形使用者介面的使用者設計，特別適合需要快速產生高品質產品發表動畫、可點擊的 App 原型或無需手動設計的專業簡報投影片的使用者。

特色

• 多元交付成果：生成可點擊的 iOS/Web 原型、可編輯的 PPTX 幻燈片，以及帶有背景音樂的高幀率動態圖形。
• 代理無關性：相容任何支援「技能」框架的代理（例如 Claude Code、Cursor、OpenClaw）。
• 防止 AI 模糊感：使用特定的 CSS 技術（如 text-wrap: pretty 和 OKLCH 顏色）避免常見的 AI 生成視覺模式。
• 本地執行：渲染與匯出流程 100% 在本地執行，核心設計功能無需任何 API 金鑰。