AI 應用元件
提示輸入框、串流訊息、推理過程面板、工具呼叫卡片、來源引用、模型選擇、token 用量。AI 產品的介面模式還在成形，這一類是目前最少人做、也最快在變的一組。
共 26 個，其中 14 個免費、不需登入即可安裝。
AI 對話輸入框：自動長高 + 送出動畫（示範元件，第一階段先做核心）
進階版：附件、模型選單、語音波形、斜線指令、@提及、串流狀態
串流訊息列表：打字淡入、markdown 漸現、停止/重試動畫
思考過程摺疊面板（reasoning 展開/收合動效）
工具呼叫狀態卡：執行中/成功/失敗過渡
模型下拉選擇器：能力星級、速度/成本徽章與推薦籤
上下文視窗用量儀表：分段色條、即時累加與超限警示
AI 回答內嵌引用角標，hover 浮出來源預覽卡
Siri 式語音球：待機呼吸、聆聽波動、思考旋轉、說話脈動四態
AI 建議以行內 diff 呈現：刪除線紅/新增綠、逐項接受或拒絕
agent 計畫清單：步驟由資料驅動在待辦→執行中→完成／失敗間流轉，含工具圖示、巢狀子步驟、目前步驟呼吸脈動與完成率
LMArena 式雙欄並排：兩個匿名回覆同步串流打字，投票 A／B／平手／都差後翻牌揭曉模型名並計分
可掛在任何輸入框上方的附件托盤：拖入／貼上檔案成縮圖 chip、上傳進度環、失敗重試、類型圖示、超限提示與拖曳重排
同一則回覆的多版本切換器 ‹ 2／3 ›：內容依方向滑動、重生成即開新分支、分支縮圖樹與鍵盤左右鍵
對話用的捲動容器：串流中貼底自動跟隨，離開底部時浮出「新訊息」膠囊，載入歷史不跳位，可程式捲到任一則訊息。
依腳本自動播放的對話展示：使用者氣泡 spring 彈入、三點打字指示、助理逐字串流回覆與程式碼區塊，可循環。
步驟式程式差異導讀：每一步高亮一段刪除或新增的程式行，右側說明卡同步推進，用白話向非工程師解釋這次改了什麼。
多格同步打字展示：同一句提示詞在 N 個不同外殼的輸入框裡同時逐字打出，適合比較多個介面或展示「到哪都能用」。
輸入提示詞後先顯示骨架，再讓一排生成結果橫向滑入，使用者挑選其中一張放大確認，是圖像與影片生成產品的標準流程。
多個代理工作區以 3D 翻轉輪流登場，每個工作區跑一段假任務進度，完成後把成果交棒給下一位，最後彙整成總結果。
代理請求執行工具時的權限確認卡：顯示工具名與參數摘要，允許、拒絕或永遠允許，決定後收合成一行紀錄。
代理的待執行任務佇列：可拖曳排序，執行中項目呼吸脈動，完成的任務滑出到可摺疊的「已完成」群組。
錯誤堆疊檢視器：逐幀列出呼叫位置，高亮使用者程式碼、摺疊第三方框架幀，可展開單幀看原始碼片段並一鍵複製。
巢狀在父訊息下的子代理狀態卡：顯示任務、進度條與目前步驟，可展開查看其串流輸出，完成後收成摘要。
回覆下方的建議提問列：膠囊逐一錯開進場，點擊後膠囊飛進輸入框並化為文字，其餘膠囊收合退場。
測試結果面板：通過、失敗與略過計數逐位滾動，比例條平順增長，失敗項可展開查看預期與實際值的差異。