以前我們都是用Markdown文件
做Obsidian的主頁或者Dashboard
那配合dataviewjs來顯示
筆記庫裏的數據
但這個方法在AI智能體
時代未免有些落伍
因為它並不能與你的
智能體有任何的關聯
我最近使用Codex為Obsidian構建
了一個智能體操作系統
不光能夠實現傳統
Markdown主頁的全部功能
還能夠深度集成智能體
一鍵運行腳本
一鍵調用智能體的skill做deep research
或者我們一鍵拉取最新的學習資料
還能顯示我自己YouTube頻道的信息
顯示Reddit GitHub RSS訂閱等外部信息
還可以一鍵對知識庫進行健康檢查
顯示知識庫內的結構性問題
比如說孤島筆記
元數據的覆蓋率和缺失
死鏈筆記等等
那這樣的一個智能體操作面板才
適合在AI時代作為Obsidian的主頁Dashboard
那最重要的是它還有多種配色
可以適配不同的Obsidian主題皮膚
今天我就來為大家講解如何
從零開始構建這樣一個智能體
操作系統
那全程都只需要用
提示詞向Codex發送指令
那Codex會為你完成一切工作
並且不光是Codex
我使用Claude Code轉接智譜GLM5.2也
一樣能完美實現整個流程
那非常的簡單
整個操作流程和所用到的提示詞
我都整理成了文檔
會一起分享給大家
那首先我來說一下實現原理
這個Dashboard本質上
就是Obsidian的插件做的
大家不要一聽到插件就
覺得我也不會寫代碼呀
那其實代碼都是由智能體來寫的
你只需要做好環境
的初始化就可以了
Obsidian插件的本質就三個文件
main.js styles.css和manifest.json
那這種級別的編碼
你甚至壓根用不上Superpower
或者ECC這種厚重的編程框架
那麽我們第一步就來初始化環境
我們在電腦上新建一個空白文件夾
然後在Codex中打開這個文件夾
然後開啟一個新對話
那這裏我們要求Codex下載Obsidian
官方GitHub上提供的插件倉庫樣例
然後進行npm install和npm run build
之後我們要求Codex安裝這兩個skill
第一個就是大名鼎鼎的
Anthropic發布的frontend-design skill
那這個skill是用來設計界面UI樣式的
那第二個skill則是Obsidian插件開發skill
那安裝好skill之後
要求Codex對當前項目進行初始化
並且在AGENTS.md中寫入項目規則
那聽著好像挺麻煩
其實直接用我這段提示
詞發送給Codex就可以了
那並且我直接給了Codex最高權限
那省得我每一步都要點yes
那Codex執行任務需要一定的時間
我們對視頻進行一個加速
那任務執行完畢後
當前項目中就已經
具備了必要的環境了
那麽接下來就是第二步
創建UI界面原型
我們使用Anthropic
官方發布的frontend-design skill
那這裏我們壓根就不需要Claude design
或者是open design這一類厚重的框架
那更不需要superpower或者
everything Claude Code這樣厚重的框架
那直接要求Codex用front end design
skill創建界面原型就可以了
你只需要告訴Codex
你的Dashboard需要哪些功能
那這裏我們列舉一些典型的功能
那比如傳統Markdown主頁
經常會有的熱力圖
那再比如放置一些button按鈕
點擊之後呢
可以執行一些任務
比如deep research按鈕
再比如拉取RSS訂閱按鈕
當然你也可以放一個
按鈕用來創建日記之類的
那這都是傳統Markdown主頁會有的功能
那還可以放一些數據圖表
或者一些文件列表
那我這裏用兩個
功能模塊來做個例子
一個是今日的task
另一個是GitHub最新資訊
那這兩個模塊比較有代表性
那今日task是傳統Markdown主頁
裏我們經常會展示的內容
而GitHub資訊列表則
體現了插件的優勢
那可以靈活地調用外部
腳本或者是智能體的skill
那這是DataviewJS難以做到的
那我們把提示詞發送給Codex
讓它構建這樣一個Dashboard的頁面
並且在當前項目文件夾下
創建一個prototype文件夾
把生成的頁面保存在這裏
那我們來看一下Codex為
我們生成的界面UI
還是非常不錯的
那當然如果你有不滿意的地方
可以反復地要求它修改
直到修改到你滿意為止
這裏我要說一下
如果你在網絡上看到
別人的主頁非常好看
想要1:1像素級復製
那我給你推薦一個skill
叫image2_UI_skill
那這個skill可以根據你發送
的截圖進行1:1像素級復製
並為你生成html頁面
那我現在展示的這個html頁面
就是用image2_UI_skill復製的
那這個頁面就是我在網上
看到的一個非常喜歡的樣式
那總之第二個步驟就是讓
智能體給你畫頁面
直到你滿意為止
那你一定要清楚
自己都想要哪些功能
啊需要哪些數據
啊平時會經常使用哪些skill
尤其是你在智能體
中經常會做哪些事
就比如我列出的這些
像deepresearch是我調查一些
最新的AI技術的時候會用到的
那後面這兩個就是
卡帕西的LLM Wiki的skill
那我之前的視頻中已經講過了
大家可以回看我的那期視頻
那這兩個任務
一個是把剪藏的資料
拆解成Obsidian知識筆記
保存到知識庫裏
另一個是對知識庫進行健康檢查
看看是否有孤兒筆記
死鏈或者是元數據缺失
那同樣我的界面上還會顯示
我的YouTube頻道信息
那這個是用yt-dlp來獲取的
那這個工具我之前也講過很多次了
還有顯示RSS訂閱數據
Reddit和GitHub最新資訊的
那這都是我平時學習AI的主要渠道
那當然你不需要一口氣把
所有的功能都做出來
你可以先做出第一個頁面
然後後續再根據自己
的實際的日常需要
慢慢往裏添加功能
就像我現在所用的Dashboard
也是我一點一點完善的
那麽接下來第三步就是讓
智能體根據頁面原型編寫Obsidian插件
那這一步其實最簡單
直接告訴Codex按照UI原型
編寫插件代碼就可以了
那在Codex完成所有代碼任務之後
我們就可以把插件代碼
復製到Obsidian庫中進行測試了
我們來到Obsidian文件夾下
找到 .Obsidian這個隱藏文件夾
點進去找到plugins文件夾
在裏面創建一個新文件夾
名字就叫做agent-Dashboard
然後把剛才Codex編譯出來
的三個文件復製到這裏
這三個文件分別是main.js
styles.css和manifest.json
那大家如果平時用過Brat插件來
安裝一些還沒有發布到第三方
插件市場上的插件的時候
就會很熟悉這三個文件
因為Obsidian插件的
本質就是這三個文件
那然後我們打開Obsidian
按下Ctrl加p
輸入agent Dashboard
就能看到打開面板的命令了
那打開之後
就能夠看到Dashboard插件界面了
那麽到此
我們就完成了插件
的初步開發與部署
那接下來
就是一步一步完成所有的功能模塊
我們先來看一些簡單的操作
比如熱力圖
那這個是最簡單的
那直接告訴Codex熱力圖的功能就是
顯示過去365天我所創建筆記的
熱力圖那分四個檔位
啊創建一篇筆記
兩篇筆記
4篇筆記
以及4篇以上筆記
那這個分級呢
你可以自己定義
那當天創建的筆記越多
顏色越深
然後讓Codex實現這個功能就可以了
我在去年的視頻中有教過大家
如何用熱力圖插件編寫DataviewJS
代碼來實現熱力圖功能
而現在呢
半年多過去
這一切都可以交給Codex來處理了
那麽我們來看一下效果
我的這個筆記庫並不是
我自己的私人筆記庫
而是我為了做視頻單獨創建的庫
啊裏面的筆記呢
也都是搭配視頻一起分享給大家的
那我們來看一下我
這個筆記庫的熱力圖
那我當前是在Windows電腦上
因為我最開始是在Windows
電腦上用的比較多
所以筆記分布的比較平均
那鼠標懸停在每一個方塊上
就能看到當天創建了多少篇筆記
那麽我來到我的蘋果Mac電腦上
那這個Mac電腦是我前幾個月買的
那買來之後我安裝的Obsidian
並且通過Git拉取了代碼庫
啊也就是我的筆記庫
那所以你能看到5月份這一天
我一次性創建了161條筆記
那實際上是那天我通過GitHub拉
取了我的筆記庫到Mac上而已
那麽這個就是熱力圖功能
至於顯示近期修改的筆記
或者顯示今日task
那這些功能都太基礎了
那Obsidian插件有著原生的Obsidian API
能夠輕松地讀取整個workspace
啊並且可以方便地進行
筆記的寫入和批量處理
你只需要告訴Codex
你想要什麽功能就可以了
那接下來我們來看今天的重點
如何在界面上點擊按鈕
調用智能體執行任務
啊調用skill執行任務
那我們這裏我們來講一個基礎知識
大家要對此呢要有所了解
那比如我想要讓智能體
調用一個skill來幹活
那正常情況下
我應該在智能體的AI對話窗口
讓智能體調用某個skill做某件事
那就像我剛才讓Codex調用
frontend-design skill來畫一個頁面
但是我們還有另一種
方式能夠實現這個操作
那就是命令行
那我們打開Mac系統的Terminal命令行
那直接輸入這樣一個命令
claude -p "
使用frontend-design skill為我設計
一個個人Dashboard頁面原型
保存在當前文件夾下"
然後回車
那這裏直接就調用了
Claude Code來執行這個任務
我們對視頻進行一個加速
那可以看到Claude Code直接調用
skill為我畫了一個html頁面
那這個和我們之前在Codex的AI
對話框裏做的是一樣的事情
那麽任務執行完成後
我們來到文件夾中
就能看到Claude Code創建的頁面了
呃大家可能平時會聽到有些人說
他們使用OpenClaw大龍蝦
或者是Hermes Agent來指揮Claude
code和Codex做編程任務
那其實本質上就是通過
這樣的命令行來完成的
那所以知道了這個原理
我們就能知道
在我展示的Dashboard插件中
是如何能夠點擊按鈕
一鍵調用智能體來執行任務了
那麽我們就來實現一個簡單的功能
在剛才創建的界面中
啊有一個按鈕叫inbox Ingest
也就是資料攝入
那這就是卡帕西的LLM Wiki
理念中的Ingest這個步驟
那我告訴Codex
啊對這個按鈕實現具體的功能
那點擊之後
通過命令行調用Claude Code
讓它對當前Obsidian目錄中的
inbox文件夾下的所有資料
進行翻譯和摘要提取
整理成中文的Markdown筆記
然後把生成的筆記保存到Obsidian目錄
那Codex編寫代碼實現功能之後
我們把插件文件
復製到plugins文件夾中
然後重新加載插件
我們來測試一下這個功能是否好用
我當前inbox文件夾下有一篇文章
那這個文章是谷歌最新發布的
有關卡帕西LLM Wiki理念的跟進
谷歌發布了一個開放知識
格式來適配卡帕西的理念
那這個文章我在我的
小紅書有發過圖文筆記來講解
那當前我inbox的這篇文章是英文
啊我直接點擊按鈕
調用智能體來把它翻譯並處理
生成中文筆記
那在智能體執行完成之後
我們就看到Obsidian根目錄
下出現了一篇新筆記
那是翻譯並提取摘要後的中文筆記
那麽這樣一來
我們就實現了調用
智能體執行任務這個功能
那麽其他類似的功能
大家就可以根據自己
的實際需要來實現了
那就比如deep research
那我之前的視頻講過
調用的是NotebookLM 的 Deep Research 功能
也就是通過skill
那麽最後一種情況
就是調用外部的API
那這個就更簡單了
比如調用GitHub的API來拉取
一些最新的項目資訊
那我們只要告訴Codex
我們要拉取什麽樣的資訊
它就能實現具體的代碼了
那比如我現在點擊的這個按鈕
是拉取谷歌和OpenAI的
開發者blog的RSS訂閱
那拉取之後呢
寫入到Markdown文件中並打開
那你也可以根據自己的實際需求
替換成你想要的API
或者是RSS訂閱
那像GitHub的API
它是免費的
那像RSS訂閱這種呢
也是免費的
那本質上都是調用API
那還有一些收費的API
比如推特
那你就需要把你的API密鑰也告訴Codex
那麽到此
所有的功能我們都能夠一一實現了
那大家在實現功能的過程中呢
不要太心急
要根據自己的實際需求
一步一步地把它完善
那最終呢
打造出最適合自己
的智能體操作系統
那深度集成Obsidian和智能體
比如我之前講過的卡帕西的LLM Wiki
那除了剛才的Ingest skill之外
那還有lint skill
也就是知識庫的健康檢查
那我的Dashboard上有一個專門
的頁面顯示健康度評分
啊以及相關的問題
比如孤島筆記死鏈
還有元數據覆蓋率等問題
那我當前這個筆記庫
啊不是我的私人筆記庫
是我為了專門做視頻新建的知識庫
並沒有詳細的去完善
元數據和雙鏈等格式
那所以健康度評分比較低
那因為我的筆記裏
沒有加入元數據和雙鏈
因為我的頻道的觀眾並
不是所有人都用Obsidian
而大家自己的私人主知識庫
一定要好好維護，那最後我想要和大家說
在智能體時代，Obsidian已經是一個必不可少的重要工具
之前看到卡帕西發布的LLM Wiki理念
大家總覺得好像是紙上談兵
是一個空洞的概念
那實際上呢
現在LLM Wiki已經成了主流的理念
就比如我剛才使用的那
谷歌的那篇文章
講的就是谷歌對這個理念的跟進
發布的最新的Markdown格式標準
但大家應該清楚地認識到
矽谷的主流技術圈層呢
早就已經在深入地使用Obsidian
把LLM Wiki理念與智能體深度集成
讓智能體全面接管
我們的私人知識庫
那這才是AI時代的真正趨勢
那麽以上就是今天
視頻的全部內容了
那視頻中所有的操作步驟
和提示詞以及註意事項
我都整理成了知識筆記
大家可以在我的頻道
信息中找到我的個人主頁
在那裏下載筆記
照著筆記中的步驟
你會很輕松地實現這個功能
那大家可以現在就去動手嘗試
那有任何的問題都可以給我留言
記得點贊關註
謝謝大家