design-consultation

design-consultation 技能概覽

design-consultation 是一個 design-consultation 技能，專門把模糊的產品想法，轉成完整的設計方向：系統層級的美術風格、字體排印、色彩、間距、版面配置、動態效果，以及一份 DESIGN.md 的單一事實來源。它特別適合新產品、新的 UI 表面，或需要一個一致起點、而不是零散單次風格提示的團隊。

design-consultation 最適合什麼情境

當你需要的是設計系統層級的決策，而不只是單一頁面的 mockup 時，就該用 design-consultation。它特別適合創辦人、產品開發者，以及正在打造全新介面、但還沒有既有視覺語言的 agent。

design-consultation 何時適合、何時不適合

如果你想要的是能感知 repo 內容的設計建議和預覽產物，這個技能很適合。若是已經有既定設計系統的既有網站，它就不是最佳的第一步；這種情況下，技能本身會把你導向 /plan-design-review。

design-consultation 為什麼不同於一般 prompt

design-consultation 的價值，在於它對流程有明確立場：它可以參考專案情境、產出設計的單一事實來源，並生成預覽頁面。這讓結果比起一次性的「把它弄得更好看」prompt 更具可執行性。

如何使用 design-consultation 技能

乾淨地安裝 design-consultation

使用 gstack 流程中的 design-consultation install 路徑，通常像這樣：
npx skills add garrytan/gstack --skill design-consultation

安裝後，確認技能資料夾已存在，且你的 agent 能讀到 SKILL.md。這一步很重要，因為這個技能依賴 frontmatter 觸發條件與前言行為。

一開始就提供正確輸入

若要得到最佳的 design-consultation usage，請提供產品摘要、目標受眾，以及所有會影響設計系統的限制：既有品牌色、無障礙目標、語氣、平台，以及這是全新開發還是改版。如果你只說「幫我設計 app」，輸出通常只會很泛。

較好的輸入範例：

• “Create a design system for a B2B analytics dashboard for finance teams. The tone should feel precise and trustworthy, with high contrast and compact density. No existing brand. I need DESIGN.md plus preview pages.”

閱讀會影響行為的檔案

要實際掌握 design-consultation guide，請先讀 SKILL.md，再讀 SKILL.md.tmpl。模板可以幫助你理解這個技能是如何生成的，以及哪些部分設計上就是要重複使用。也請先檢查 repo 裡是否已經有現成的 DESIGN.md，再請求建立新系統，因為先前的決策可能會改變正確建議。

使用能保留脈絡的工作流程

最穩定的流程是：先說明產品目標，再請求設計系統決策，接著要求產生 DESIGN.md 與預覽輸出。如果 repo 已經有設計備註，請一開始就一併提供，避免技能憑空生出彼此衝突的選擇。對 design-consultation for Design Systems 來說，品質提升的關鍵在於清楚定義系統邊界，而不只是視覺喜好。

design-consultation 技能 FAQ

這只適合全新產品嗎？

大致上是。design-consultation 在你需要從零定義系統時最強。對既有網站而言，技能本身的指引會建議使用基於計畫的設計審查，而不是硬把新的基礎架構套到舊決策上。

使用它需要設計專業嗎？

不需要。這個技能對新手也很有幫助，因為它能把模糊目標轉成結構化的設計方向。你仍然需要提供情境，但不必事先懂字體比例或間距系統。

它和直接對 AI 下 prompt 有什麼不同？

直接 prompt 可能會產生好看但不一致的想法。當你需要可重複的流程、repo 感知的脈絡，以及可供其他 agent 重用的設計單一事實來源時，design-consultation skill 會更適合。

通常是什麼阻礙導入？

最大的阻礙是輸入不夠明確。如果你沒有交代受眾、產品類型、無障礙需求，或是否已經存在 DESIGN.md，技能就得自行補洞，結果很可能偏向泛泛的設計建議。

如何改進 design-consultation 技能

提供更強的限制條件，而不是更多形容詞

要提升 design-consultation usage，請描述會塑造系統的商業與互動限制。與其說「現代又優雅」，不如說「密集型管理介面、資料量大、需要快速掃讀」。具體限制通常會帶來更好的色彩、間距與層級決策。

提供正確的來源素材

如果 repo 裡有產品簡報、既有設計備註或截圖，請在要求輸出前先提供。這個技能在能夠把新方向和既有內容協調起來時最有效，而不是在真空中設計。

要求能降低歧義的產物

最好的 design-consultation guide 需求，不只是「做一個 design system」。你應該直接指定要交付、要落地的決策：DESIGN.md、字體比例、色彩 token、動態規則，以及預覽頁面。這會讓結果更容易實作與審查。

在第一輪結果上持續迭代

先用第一次回覆檢查語氣、無障礙、密度或元件質感是否對齊。接著再用具體修改收斂，例如：「提高對比」、「語氣再沉穩一點」、「減少留白」或「更適合企業儀表板」。這通常比整個重來更有效。