Communitygithub.com

alchaincyf/huashu-design

花叔Design——用HTML製作高保真原型、互動Demo、簡報、動畫、設計變體探索,同時提供設計方向顧問與專家評審。

huashu-design 是什麼?

花叔Design 是一個專為 AI 代理(如 Claude Code、Cursor 等)設計的技能,專注於透過 HTML 實現高保真原型、互動示範、簡報、動畫以及設計變體探索。它能根據任務需求自動化身為對應的專家角色(UX 設計師、動畫師、簡報設計師、原型設計師),並避免常見的網頁設計陳腔濫調。支援多種觸發詞,例如「做原型」、「互動原型」、「HTML 演示」、「動畫 Demo」、「設計變體」、「hi-fi 設計」等,並在需求模糊時自動進入設計方向顧問模式,平行產出三套邏輯不同的真實視覺方案。除了核心的原型製作功能,它還具備品牌資產協議、反 AI 低品質內容機制、Junior 工作流程、Tweaks 變體功能、動畫轉 MP4/GIF 匯出、含解說的長影片管線,以及五維度評審系統。這項技能特別適合需要快速迭代 UI/UX 設計、製作高品質原型或動畫,以及獲得專業設計回饋的開發者與設計師。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/alchaincyf/huashu-design/tree/main/skills/huashu-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

huashu-design 是做什麼的?

花叔Design——用HTML做高保真原型、互動Demo、簡報、動畫、設計變體探索+設計方向顧問+專家評審。根據任務embody對應專家(UX/動畫師/簡報設計師/原型師),避免web design tropes。觸發詞:做原型、互動原型、HTML演示、動畫Demo、設計變體、hi-fi設計、UI mockup、prototype、做個HTML頁面、做個可視化、app原型、iOS原型、匯出MP4/GIF、60fps影片、設計風格、設計方向、配色方案、推薦風格、選個風格、做個好看的、評審、好不好看、review this design、帶解說的動畫、解說影片、長影片科普、voiceover、narration、5分鐘講清楚什麼是XX。需求模糊時進設計方向顧問(三套邏輯並行出3版真實視覺,HTML原生40種風格庫網頁20+PPT20為彈藥);另含品牌資產協議、反AI slop、Junior工作流、Tweaks變體、動畫→MP4/GIF匯出、帶解說長影片pipeline、5維評審。

相關技能