← All creators

hsiangyilu

User

三個 Claude 設計工作流 skill:發想、審流程、審畫面。不幫你畫圖,幫你把設計想清楚

4 indexed · 0 Featured · 1 stars · avg score 68

Categories

Indexed Skills (4)

AI & Automation Listed

design-brainstorm

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

0 Updated 2 days ago
hsiangyilu
Web & Frontend Listed

screen-design-review

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

0 Updated 2 days ago
hsiangyilu
Web & Frontend Listed

ux-flow-review

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

0 Updated 2 days ago
hsiangyilu
Web & Frontend Listed

design-system-builder

Build a complete, AI-ready design system from scratch using Supa Palette (color), Typescale (typography), Figma Variables, and tokens.json. Trigger when the user says "build a design system", "set up design tokens", "I need a color system", "create a brand token", "typography scale", "design tokens from scratch", "token integration", "llms.txt", "make my design system AI-readable", "spec file", or "my UI looks inconsistent". Outputs: tokens.json, Tailwind config, Figma Variables (color + typography layers), design-system-doc.md (for humans), llms.txt (for AI agents), and a token audit script. Scope: this skill builds a NEW system from scratch. For auditing an existing Figma file, cataloguing naming drift, or back-filling docs for an existing system, use design:design-system.

1 Updated 1 weeks ago
hsiangyilu

Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.