打造 Claude Code mod 的心得:提示框上方的狀態列
我收到 Lydia 的每週郵件,看到一個很令人興奮的消息:Claude Code 現在支援 mods,也就是以函式掛鉤撰寫的外掛,能在終端機與桌面版應用程式內繪製 UI。我讀完文件,做了建議的天氣列,很不錯。還能做什麼呢?我最近使用 Ponytail,效果很好,想知道它目前的等級,所以加上去;接著也加上 Caveman。很好玩,也很實用。以下是我的心得與作品。 mod 會針對 AbovePrompt 這類位置掛上 ui.render,回傳由少數元素(Box、Text、Button、Select、Link、Svg)組成的樹,並用 flexbox 排版。不是 HTML,也沒有 CSS。最小的列大概像這樣: on('ui.render', { component: 'AbovePrompt' }, async ($, e) => { const { Box, Text } = $.ui.resolve(e) return <Box flexDirection="row"><Text>hello from a mod</Text></Box> }) 如何把設定放在列內。設定經過幾次嘗試。這部分很有趣,因為 UI 非常有限:設定在 /config 裡,但桌面版沒有它。先用 /overalls weather minimal 指令,再加一個 ⚙ 按鈕,輸入…