首頁 › 影片筆記 › 10/7 日報 › Claude Code 介面改造實測:刪除確認面板與 Token 天氣列從零手寫
YouTube 影片筆記
Claude Code 介面改造實測:刪除確認面板與 Token 天氣列從零手寫
YTGet 編輯室
YAHA学堂
觀看 4,075
觀看原片
收藏
分享
原片標題:Claude Code 的界面原来能自己改?ClaudeCode Mod 完整教程(2026)
原片說明 rm -rf 删了什么、上下文还剩多少、刚才改了哪几行——claude code 都不主动告诉你。这期带你装 Mod(claude code 新的函数式插件),全都直接画在界面上。
先跑官方 GitHub 示例看它怎么拦下删除命令、怎么回放每次修改,再从一个空文件夹写出自己的上下文“天气预报”横栏。
视频中提到的工具/资源:
- 官方 Mods 示例仓库(claude-code-playground):https://github.com/anthropics/claude-code-playground
- Token Weather 完整代码:https://github.com/buildinpublichub/YAHAClass-Document/tree/main/claude-code-mods/token-weather
- 测试仓库建法 / greet 示例项目:https://github.com/buildinpublichub/YAHAClass-Document/tree/main/claude-code-mods/sandbox
时间轴:
00:00 claude code 不告诉你的三件事
00:14 Blast Radius:rm -rf 跑之前先弹面板拦住
01:26 拆源码:一个 JS 文件怎么挂上 tool.call
01:54 Mod 原理:register、hook 和 $ / e / next 传纸条
03:00 Replay Theater:用 sed 改的文件为什么回放不了
03:59 从空文件夹开始写自己的 Mod
04:33 三个文件搭出插件结构
05:10 第一次渲染 + 热重载,一保存就生效
05:38 读真实上下文数据,横栏变成天气预报
06:08 代码讲解:热重载为什么会把历史清零
06:39 claude plugin validate 报错和修复
07:22 安装三步:本地插件市场 marketplace
07:55 下一期预告
这期适合想扩展 claude code 的开发者。你会看到 Mod 和普通 hooks 的区别:它在会话里一直待着,能记状态,还能直接在提示框上方画东西。Token Weather 会读 claude code 的上下文占用,用晴天到暴风雨提醒你什么时候该跑 /compact,再也不用猜上下文还够不够。
写的过程中我踩了两个坑:一个是 Replay Theater 看不见 Bash 里改的文件,另一个是模块变量在热重载后全部归零(06:08 讲怎么用 $.state 解决)。最后用 claude plugin validate 检查,别人装之前就能看到你的插件调了哪些 API、读写了哪些状态。
#ClaudeCode #claudecode插件 #ClaudeCodeHooks #AI编程 #Claude教程
💬 你最想给 claude code 加个什么界面?拦命令、显示花费、还是别的?留言告诉我,我挑几个下期做出来。
⚡ 这支刚发布,7 天内按 Hype 最有效。Hype 是 YouTube 专门留给 50 万订阅以下频道的助推功能,顺手按一下就是对我最大的支持。
关于这个频道:
YAHA 学堂专做 AI 编程工具实测和教程:claude code、MCP、本地模型、自动化工作流,每期都是真跑过的流程,照着做就能用。
Claude Code 每次 rm -rf 跑下去之前都不講一聲,上下文剩多少、改了哪幾行也全靠自己猜,學堂這支影片直接裝 Mod 把這些全部畫在介面上,還從空資料夾帶你寫一個自己的。
刪除指令還沒跑,面板先跳出來攔人00:22
影片時間軸
00:15 在測試倉庫啟動 Claude Code,掛上官方範例的 Blast Radius
00:47 按 2 取消刪除,回頭確認三個檔案都還在
01:30 開啟 Mod 原始碼,整個外掛只有一個 JS 檔
03:15 用 Replay Theater 把 Greet 改名成 Welcome,但 Greet All 不準動
03:41 改用 Edit 工具逐處修改,跑完提示框上方多出一行
05:10 從空資料夾貼上三個檔案,Token Weather 橫欄第一次渲染出來
05:20 把 ClearSky 改成晴,存檔瞬間介面自己變了
06:20 熱過載讓模組變數全部歸零,改用 $.state 保住歷史
07:11 跑 claude plugin validate 透過,列出掛了哪些事件與 API
用 Replay Theater 回放每一處修改03:15
Blast Radius 在命令和執行之間加了一道門
Claude 決定要跑 rm -rf 跟真的跑下去,中間被塞進一個面板。上面是完整命令,下面寫著放行會刪掉三個檔案、大概 588KB,再往下逐檔列出,最底下一行是 Claude is waiting on your answer。按 1 放行、按 2 取消,取消之後 Claude 知道是你擋的、也知道原因,不會再試第二次。學堂還提醒外掛目錄是臨時載入,關掉就沒了,測試時最好挑一個刪了也無所謂的目錄。
按 2 取消後回頭確認檔案還在00:47
Replay Theater 看不見 Bash 裡改的檔案
同一個改名指令,Claude 用 sed 或 perl 一次改完五處,Replay 卻說這一輪沒有修改。改成每一處都用 Edit 工具改,跑完提示框上方多一行,再輸入 Replay 就能逐步看到第幾步動了哪個檔案、哪一行。差別在於 Mod 只錄得到 Edit 這類工具,Bash 裡發生的修改它看不到,這點在寫自己的 Mod 時要記得。
值得下載嗎
值得,尤其你已經在用 Claude Code。Blast Radius 擋刪除、Token Weather 用天氣提醒你什麼時候該跑 /compact,兩個都是裝了就有感的東西,而且從空資料夾到 validate 透過的流程全部走過一遍。
← 上一篇 浩子對決朱木炎從嘴硬到被擊倒的搞笑練習過程