Harden

何時使用

/impeccable harden 是為你的介面遇到現實的那一天準備的。真實的使用者資料是雜亂的：60 個字元的名字、德文的產品標題、數十億的價格、500 錯誤、離線模式、從右到左的文字。只在完美資料下運作的設計還沒做好生產準備。

在發佈前、進入新市場前，或任何錯誤報告以「我們的使用者有一個很長的名字，然後」開頭時使用。對於首次使用流程、空狀態引導和新手指引設計，請改用 /impeccable onboard。

運作方式

技能從四個真實世界韌性的維度進行處理：

1. 文字和資料極端值。長文字、短文字、特殊字元、表情符號、RTL、數十億的數字、1000 項的列表。
2. 錯誤情境。網路失敗、API 4xx/5xx、驗證錯誤、權限錯誤、速率限制、並行操作。
3. 國際化。較長的翻譯（德文通常比英文長 30%）、RTL 語言、日期和數字格式、貨幣符號、字元集。
4. 裝置和情境。觸控目標、離線行為、慢速連線、低電量模式。

對於每個維度，它識別失敗模式，然後應用具體的修復：溢出處理、有意義的錯誤 UI、i18n 安全的版面、複數形式、合理的後備方案。

試試看

從一個頁面和一個維度開始：

/impeccable harden the user profile page for long names

預期輸出：

• .user-name 現在有 text-overflow: ellipsis，附帶顯示完整值的工具提示
• .bio 從固定高度切換為 max-height 加上「顯示更多」展開區塊
• 為沒有簡介的使用者新增空狀態
• 為非同步頭像抓取新增骨架載入器
• 在名稱長度 1、20、60、200 個字元下測試

逐頁執行，不要一次全部。第一次執行最大；後續執行隨著模式固化會發現更少的問題。

注意事項

• 等待錯誤報告。 Harden 是預防性的。如果你發現自己修復同一類錯誤兩次，跨功能執行 /impeccable harden。
• 把錯誤和空狀態當作事後思考。 大多數強化工作是錯誤和空狀態 UI。為它編列時間，而不只是一個 catch 區塊。
• 因為「我們目前只有英文」就跳過國際化。 i18n 安全的版面仍然是更好的版面。彈性的容器、適當的文字換行、充裕的行高。這些都不會傷害英文。