替既有網站加入 MCP:從 Entra 登入踩坑到 OAuth 動態註冊的完整實戰紀錄

最近我替公司內部的會議錄音與轉錄網站加入 MCP,讓 Claude Code、Codex 這類 AI 工具可以查詢我自己的會議、逐字稿、摘要與筆記。網站已經有 Microsoft Entra ID 登入與使用者白名單,我希望沿用現有認證,不要為了 MCP 再建立一套帳號,也不要新增 Entra ID 的 App registration。

... 繼續閱讀 ...

Agentic 實戰:讓 AI Agent 完成 CLI 開發與 npm Trusted Publishing 發佈

最近我陸續上架了好幾個專門給 Agent 用的 CLI 工具,讓 Agent 可以直接透過終端機呼叫功能、傳入參數,再讀取結構化的結果。工具做好之後,接下來就是把它們發佈到 npm,讓其他人和 Agent 也能直接安裝使用。我原本想,這件事以前就做過了,而且一月還寫過如何利用全新的 Trusted publishing 方法發佈 npm 套件,這次應該可以把整個流程交給 Agent 處理。

... 繼續閱讀 ...

Stylebot CLI 運作機制剖析:如何用 Native Messaging 驅動瀏覽器擴充功能

在網頁客製化與前端樣式調整的工作流中,Stylebot 是一款廣受歡迎的瀏覽器擴充功能,能讓使用者針對特定網站自訂並套用 CSS 樣式。隨著自動化需求與 AI 輔助開發工具(如 Claude Code 等 Coding Agent)的普及,Stylebot 在 v4 架構中推出了官方命令列工具 @stylebot/cli,讓開發者與自動化代理程式能夠直接自終端機檢視網頁結構、動態調整 CSS 樣式並擷取畫面驗證結果,無須手動開啟擴充功能的視覺化編輯器。

... 繼續閱讀 ...

搞懂 Chrome Remote Debugging:--autoConnect、9222 與 CDP 的差異

最近我在研究 Chrome DevTools MCP 時,遇到一個讓我困惑的問題:明明在 chrome://inspect/#remote-debugging 啟用了 Remote Debugging,也看到 Server running at: 127.0.0.1:9222,但 curl http://127.0.0.1:9222/json/version 卻回傳 HTTP 404 Not Found。深入研究後才發現,這其實是兩種不同的「連線建立方式」——以下就是完整的來龍去脈。

... 繼續閱讀 ...

免費 GPU 就在 VS Code 裡 - Google Colab 官方擴充套件完整解析

在 AI/ML 開發與教學場景快速擴展的當下,開發者經常在本地 IDE 與雲端 Notebook 之間切換,導致工作流程分裂與效率下降。Google 推出的 Colab VS Code 擴充套件讓你可以使用 VS Code 直接連線到 Colab 雲端運算資源 (GPU/TPU),包括免費或 Pro 等級的 GPU/TPU 都可以使用,讓 Jupyter Notebook 的工作流程首次真正融入主流 IDE 之中。這篇文章我將說明這項整合的技術原理、主要功能、實務效益與目前限制,並提供快速上手步驟與最佳實務建議。

... 繼續閱讀 ...

uv 與 uvx 命令全攻略:Python 開發者的極速工具指南

uv 是一個極速的 Python 套件與專案管理工具,由 Astral 團隊使用 Rust 開發。它整合了套件安裝、虛擬環境管理、Python 版本管理等功能,執行速度比傳統的 pip、virtualenv 快上 10-100 倍。本文整理了日常開發中最常用的 uv 命令,依照使用情境分類,方便快速查閱。

... 繼續閱讀 ...