hsiangyilu

@hsiangyilu source repo

3 skills
0 followers
1 day ago last updated

▌
UX Flow Review · hsiangyilu
檢查設計流程的 UX 問題，逐輪修正並確認直到流程沒有問題。適用於多畫面的功能流程（如設定流程、交易流程、註冊流程等）。當使用者貼上 Figma 流程的 URL、多張流程截圖，或說「幫我審這條流程」「這個 flow 順不順」「狀態有沒有漏」「返回路徑對不對」時使用。聚焦跨畫面的流程邏輯（狀態覆蓋、返回路徑、死胡同、分支對錯、資料邏輯一致性），不是單頁視覺細節。若要審的是逐頁視覺與細節一致性（間距、字級、對齊、對比），改用 screen-design-review。

0
installs
▌
Design Brainstorm · hsiangyilu bundle
AI設計部門核心技能 — 設計發想思考夥伴。當使用者要開始一個新功能／新產品的設計、還在「不知道該怎麼做」的最前期階段時使用此技能。AI 在這裡不是幫你畫圖，而是當你的「思考夥伴 + 辯論對手」：陪你把還沒想清楚的地方問清楚。流程為：抓資料 → 發想 3-5 個設計方向 → 評估可行性 → 混合式辯論優缺點 → 產出可直接使用的 Claude Design 原型提示。觸發情境：「我有個新功能要做，先幫我發想」、「陪我想一下這個設計怎麼做」、「幫我把方向辯一辯」、「我想開始設計但不知道從哪切入」、「幫我釐清這個功能該長怎樣」、「陪我 brainstorm 這個設計」、「這幾個方向哪個比較可行」、「幫我生一個可以拿去做原型的 prompt」。任何從「一個模糊的想法」到「想清楚、可以進 Claude 做原型」的思考階段，都屬於此技能。

0
installs
▌
Screen Design Review · hsiangyilu bundle
自建的畫面設計審查（design critique）技能。當使用者從 Claude Design、Figma 或其他原型工具拿到單一畫面、元件、原型，或一整條流程的所有畫面，需要嚴格、具體、可執行的視覺與可用性細節審查時使用。觸發情境：「幫我審這個畫面/這條流程的設計細節」、「critique 這個 mockup」、「這個原型的設計細節有什麼問題」、「跑一輪畫面設計審查」、「逐頁審每個畫面的細節」、「幫我挑視覺/對比/間距/字級的缺失」，或使用者貼上 Figma frame URL、原型 URL、設計截圖要求細節回饋時。即使使用者只說「看一下這個設計好不好」也應觸發。本技能聚焦畫面內的細節（type scale、spacing、對齊、色彩、對比、觸控目標、元件規範）＋跨畫面的視覺一致性，強制具體性、拒絕空洞稱讚，目標是把設計品質推到「夠主觀、沒有設計細節缺失」為止。輸入是整條流程時，逐頁審細節並比對跨頁一致性。若需要審查的是跨畫面的流程邏輯本身（狀態覆蓋、返回路徑、分支對錯），改用 ux-flow-review。

0
installs

3 published skills