請為這個情境設計「底部工作表 (Bottom Sheet)」：在手機地圖上，篩選器會從底部面板開啟，可以拖曳成部分顯示、完全展開或關閉。外觀可少量使用「玻璃擬態 (Glassmorphism)」，操作回饋可用「彈簧動畫 (Spring Animation)」。請沿用專案做法，使用語意正確的 HTML，讓鍵盤能操作、焦點看得見，並支援「減少動態效果」設定。
把 UI 術語變成清楚的開發需求
選擇介面要做什麼、長什麼樣和怎麼移動，再複製給開發者或 AI 程式助手。
從你的真實情境開始
開啟需求工作台 建立一份可以直接交給開發者的需求。
選擇介面要做什麼、長什麼樣和怎麼移動，再複製一份包含各種狀態、無障礙需求與完成條件的清楚說明。
請為這個情境設計「指令面板 (Command Palette)」：按下 Command-K，輸入「邀請夥伴」，再從清單執行這個操作。外觀可少量使用「極簡設計 (Minimalism)」，操作回饋可用「減少動態 (Reduced Motion)」。請沿用專案做法，使用語意正確的 HTML，讓鍵盤能操作、焦點看得見，並支援「減少動態效果」設定。
請為這個情境設計「表單驗證 (Form Validation)」：密碼不符合規則時，頁面會在欄位旁說明缺少什麼，並讓螢幕閱讀器能讀出兩者的關係。外觀可少量使用「新粗獷主義 (Neobrutalism)」，操作回饋可用「微互動 (Microinteraction)」。請沿用專案做法，使用語意正確的 HTML，讓鍵盤能操作、焦點看得見，並支援「減少動態效果」設定。
請為這個情境設計「檢閱器 (Inspector)」：選取圖表後，檢閱器會顯示座標軸、色彩和標籤設定。畫布仍保持可見。外觀可少量使用「液態玻璃 (Liquid Glass)」，操作回饋可用「轉場過渡 (Transition)」。請沿用專案做法，使用語意正確的 HTML，讓鍵盤能操作、焦點看得見，並支援「減少動態效果」設定。
請為這個情境設計「登入表單 (Sign-In Form)」：回訪顧客用電子郵件和密碼登入。他可以顯示密碼、從密碼管理器貼上，或在不離開目前流程的情況下找回帳號。外觀可少量使用「瑞士國際主義風格 (Swiss Style)」，操作回饋可用「進場、離場與交叉淡化 (Enter, Exit & Crossfade)」。請沿用專案做法，使用語意正確的 HTML，讓鍵盤能操作、焦點看得見，並支援「減少動態效果」設定。
請為這個情境設計「空白、錯誤與成功狀態（教學組合） (Empty, Error & Success State — Learning Bundle)」：全新的專案清單會說明如何建立第一個項目；網路失敗時會顯示「重試」，並保留原本的篩選條件。外觀可少量使用「黏土擬態 (Claymorphism)」，操作回饋可用「緩動曲線 (Easing)」。請沿用專案做法，使用語意正確的 HTML，讓鍵盤能操作、焦點看得見，並支援「減少動態效果」設定。