Silicon 介面建置

將設計意圖轉化為可運作的行為。在編輯前，先檢查產品的 DESIGN.md、框架、當前 UI、元件、素材與內容。將變更限制在要求的範圍內。對於小修正，遵循現有方向；若主要建置缺乏方向，則根據簡報建立簡潔的暫定方向。

建立具代表性的切片

識別主要人物、任務、主要資訊與下一步動作。使用產品中的代表性內容；標示虛構的固定項目與原型動作。不要製造推薦見證、客戶標誌、測量數據或成功的整合案例。

根據內容選擇結構：閱讀用文字、比較用列表或表格、獨立物件用卡片。網站應使其承諾與證據易於理解；應用程式應顯示支援某項操作的工作與狀態。在調整視覺系統時，保留可靠的元件語意。

在將樣式擴展到整個產品之前，先實現一個完整的流程，並包含一個不良狀態。加入相關的載入、空白、錯誤、無法使用與成功回饋。保留可恢復錯誤的有用輸入，並解釋無法使用的操作。使用語意化控制項與持續的標籤。

建立一致的文字、顏色與間距角色。使用素材來達成特定的資訊或識別目的，並確保擁有適當的權利與文字替代方案。保持關鍵內容不受裝飾性動畫與音訊的影響。

將選定的方向從第一個畫面延伸到任務、不良狀態以及（若在範圍內）結果。在措辭、視覺關係或行為中加入產品特定的細節。保留上下文，解釋集合為何為空，並保持重複操作的效率。完成對齊、裁切、圖示粗細、單位與回饋的獨立工藝校準。不要為了創造令人難忘的時刻而添加範圍外的功能。

在瀏覽器可用時，開啟實際實作進行檢視。檢查窄、中、寬的佈局、內容極端情況與支援的主題/語言。在進行微觀修飾之前，修復溢出、弱層級、尷尬的換行與不完整的狀態。

練習鍵盤導航、焦點處理以及完整的任務/恢復路徑。檢查相關的對比度、文字放大與減少動畫行為。區分視窗調整大小與實際瀏覽器縮放，以及螢幕截圖與輸入測試。執行適合該變更的專案檢查；不要添加僅重複樣式選擇的測試。

如果瀏覽器/執行環境不可用，則執行有用的原始碼檢查，並明確報告渲染行為仍未驗證。不要用 UI 看起來正確的主張來取代證據。

分別評估操作與特性。指出使結果具體且一致的原因，檢查內部以及介紹部分，並針對反覆出現的中斷進行重複使用。通過的建置或對比度檢查並不能回答這些設計問題。除非實際的觀眾觀察支持，否則將情感效果與可記憶性視為假設。

交付實作後的流程、變更的表面、可用的渲染證據、執行過的檢查以及剩餘的限制。在流程符合標準之前，持續修復範圍內觀察到的問題。