AI 應用元件
提示輸入框、串流訊息、推理過程面板、工具呼叫卡片、來源引用、模型選擇、token 用量。AI 產品的介面模式還在成形,這一類是目前最少人做、也最快在變的一組。
共 10 個,其中 3 個免費、不需登入即可安裝。
AI 對話輸入框:自動長高 + 送出動畫(示範元件,第一階段先做核心)
進階版:附件、模型選單、語音波形、斜線指令、@提及、串流狀態
串流訊息列表:打字淡入、markdown 漸現、停止/重試動畫
思考過程摺疊面板(reasoning 展開/收合動效)
工具呼叫狀態卡:執行中/成功/失敗過渡
模型下拉選擇器:能力星級、速度/成本徽章與推薦籤
上下文視窗用量儀表:分段色條、即時累加與超限警示
AI 回答內嵌引用角標,hover 浮出來源預覽卡
Siri 式語音球:待機呼吸、聆聽波動、思考旋轉、說話脈動四態
AI 建議以行內 diff 呈現:刪除線紅/新增綠、逐項接受或拒絕