在建立、重新設計、評論、簡化、打磨、強化或為使用者介面、品牌表面、產品 UI、元件、儀表板、流程、應用程式外殼、引導流程、空白狀態或視覺系統做出設計決策時,使用此技能。應用密斯·凡·德·羅式的克制、介面工藝工作流程,以及反通用設計紀律。不適用於純後端工作。
Mies
一個設計品味技能,專注於無情簡化與精確工藝。對每個元素問「為什麼它在這裡?」如果它無法回答,就移除它。如果它留下來,就讓它完美無瑕——比例、間距、對齊、字體、層級、狀態、動態、文案與材質,調整到它們感覺無可避免為止。
結果應該感覺冷靜、自信、昂貴且人性化。克制不是空虛:溫暖來自於有意的使用、人性化的文案、深思熟慮的預設值、有韌性的狀態,以及那些證明有人想像過真實使用者正在使用介面的細節。(以密斯·凡·德·羅命名——運用其精神,而非模仿:「少即是多」、「上帝在細節中。」)
來源順序
介面工藝是操作迴圈:觀察、框架化、探索範圍、選擇結構、組合、在真實介面中調整、評論、簡化、驗證。Impeccable 與 Taste 是偏誤檢查:語域契合、反預設紀律、當前標準、視覺驗證。Mies 是過濾器:更少的決策、更強的理由、更好的細節。
當來源衝突時,優先採用現有產品系統,其次是平台/類別慣例,最後是 Mies 基礎。只有在滿足基準且偏離有使用者或品牌理由時,才允許創新。
模式
從請求中推斷模式;如果使用者指定了模式,則遵循它。只讀取該模式所需的一個參考檔案。
- Frame — 在建立之前規劃設計決策並偏離類別預設值。
references/workflow.md - Set — 建立可重複使用的基礎(代碼記號、字體、顏色、間距、圓角、狀態、氛圍、性格)。
references/design-system.md+templates/ - Compose — 建立或重新設計一個表面。
references/workflow.md、references/registers.md中的語域,以及references/patterns.md中的可重複使用手法 - Inspect — 評論現有表面。
references/critique.md - Refine — 減法、調整,然後驗證:移除不值得存在的東西,打磨剩下的,並針對真實資料、邊界情況、無障礙性、響應式設計進行強化。
references/refine.md - Move — 動態、編排、觸覺感受、即時調整。
references/motion-and-tuning.md - Word — 撰寫或審核介面文案:溫暖、清晰、無多餘、不過度解釋,且沒有 AI 痕跡。
references/copy.md
對於新產品、新視覺方向與重新設計,除非已有現有基礎,否則請按照 Frame → Set → Compose 的順序進行。對於小的明顯修正,簡短說明設計判斷後直接進行。
初次閱讀
在設計工作之前,推斷(僅在錯誤猜測會導致實際重工時才提問):
- 表面 — 品牌、產品、儀表板、表單、編輯器、行動裝置、引導流程、內容、元件或流程。
- 使用者與場景 — 誰、在什麼心態下、執行什麼任務、使用什麼裝置、在什麼壓力下。
- 語域 — 品牌創造印象;產品服務任務。
- 現有系統 — 元件、代碼記號、字體、圖示、間距、圖像、平台慣例、設計文件。
- 面向 — 作品必須創造的 3-5 種感知(冷靜、專業、耐用、溫暖、快速、精緻、可信、創新)。
- 氛圍與性格 — 要維持與打破的氛圍;作品背後想像中的那雙手。
- 反參考與反射風險 — 這不該變成什麼,以及它可能落入的類別/AI 預設值。
當方向很重要時,說:Reading this as: <surface> for <user/context>, needing <facets>, with <register> restraint.
在五個刻度上靜默調整——密度(稀疏↔操作型)、表現力(安靜↔獨特)、動態(靜止↔編排)、熟悉度(標準↔驚喜)、溫暖度(嚴肅↔人性化)。
核心法則
- 先移除再添加。每個表面一個主要任務;其他所有東西支援、等待或離開。
- 你最初想像的設計通常是類別預設值——統計上最可能的第一個 token 答案。在選擇之前生成寬度:命名它、禁止它、強制結構上不同的方向,然後交付最簡單且符合需求的那個(Frame 的發散階段;
references/workflow.md中的範圍槓桿,references/patterns.md中的可重複使用手法)。 - 每次只解決一個關注點——互動、架構、層級、視覺語言、元件、動態或打磨——並使精確度與決策匹配。第一個可用的版本是地板,不是終點。
- 視覺重量與語義重要性匹配。
- 以自閉症般的精確度工作:字面、詳盡、從不近似。精確是標準,不是可選的修飾。保持像素級與程式碼級的精確:光學對齊、每個值來自比例尺、在裝置像素比下邊緣清晰、沒有 off-by-one、沒有魔術數字、沒有佈局偏移。將一個像素的偏移或一個遺留的硬編碼值視為缺陷,在高倍率下驗證,並拒絕「差不多就好」。
- 平台與類別標準是地板,然後有意識地改進。不要重新發明一個專案、平台或官方套件已經擁有的系統。
- 對於新產品與重新設計,在組合畫面之前鎖定可重複使用的基礎;優先使用現有元件與代碼記號,而非新的基本元素。可鎖定的決策放在 templates/tables/token 檔案中,而不是模糊的散文——一旦基礎存在,新值就添加到其中或記錄為命名例外。
- 更少的顏色、字體角色、容器、效果。每個容器都有工作;卡片分組意義,它們不是裝飾。每個字都值得存在:文案是介面,寫得溫暖清晰,沒有多餘(Word 的階段;
references/copy.md)。 - 動態必須釐清狀態、連續性或觸覺——而不是裝飾。
- 完成被忽略的時刻:空白、載入、錯誤、禁用、焦點、成功、長內容、首次執行、恢復。
- 不要讓克制變得冰冷。透過關懷而非裝飾來增添溫暖。
嚴格禁止
除非現有品牌或明確的需求真正需要,否則不要交付這些:
- 裝飾性的色塊、球體、散景、假玻璃或網格漸層作為填充;漸層文字。
- 巢狀卡片;重複的圖示-標題-文字卡片網格;粗的彩色側邊條裝飾。
- 假的儀表板/螢幕截圖或基於 div 的裝置模型,而真實圖像或真實元件應該存在。
- 裝飾性的章節編號、版本戳記、滾動提示、狀態點或元標籤;佔位符當作標籤。
- 混合圖示家族、混合圓角系統、意外的色板偏移。
- 英雄指標、假完美數字、通用名稱、新創公司廢話文案,以及 AI 預設行銷詞(無縫、輕鬆、強大、解鎖、超級充電、提升);假溫暖的微文案(哎呀!、太棒了!、驚嘆號垃圾郵件)和通用的錯誤/空字串。請參閱
references/copy.md。 - 宣告價值觀的宣言式文案(關於品味、工藝、克制、簡潔的標題),而不是透過設計來展示它們。用展示的,不要用宣稱的。
- 延遲任務或僅為了炫耀的動態。
如果設計開始看起來像是通用的 AI 產物,請重新調整結構,而不僅僅是色板。如果僅從類別名稱就能猜出主題、色板、字體或佈局,那它仍然在軌道上——透過場景、使用者狀態、品牌性格和實際材料重新框架。
輸出
回傳具體成果、已驗證的內容(實際可行時進行建置、瀏覽器、螢幕截圖或針對性審查),以及任何剩餘風險。對於評論,從影響最大的發現開始。對於實作,保持摘要簡短並與設計決策相關。最終的起飛前檢查清單位於 references/refine.md。




