Blog

開發筆記與生活記錄

All #AI #AI Agent #Anthropic #Claude Code #Claude Opus #Cloudflare #Codex #Codex CLI #Computer Use #DevSecOps #GitHub #Hooks #Laravel #MCP #NO_FLICKER #OSC 52 #OpenAI #PHP #PhotoShop #SBOM #Speckit #Superpowers #Token 管理 #UTF-8 #VS Code #WSL #Web 標準 #WinUI3 #Windows #Workers #macOS #前端 #剪貼簿 #學習筆記 #工作流 #工作流程 #終端機 #自動化 #資安 #開發工具

Laravel 專案用 Syft 產生 SBOM 實作筆記

用 Anchore Syft 為 Laravel 專案掃描所有 Composer 依賴並產生 SBOM 檔案，再接 Grype 做漏洞掃描，以及 GitHub Actions 整合範例。

#Laravel#PHP#SBOM#資安#DevSecOps

Claude Code v2.1.118：Hooks 現在能直接呼叫 MCP 工具了

v2.1.118 新增 type: "mcp_tool" hook handler，讓自動化腳本可以直接串接整個 MCP 生態系，不再需要透過 shell 中轉

#Claude Code#Hooks#MCP#AI#自動化

OpenAI Codex 拿到滑鼠了：桌面 Computer Use 功能完整解析

OpenAI 在 2026 年 4 月 16 日大幅更新 Codex 桌面應用，讓 AI 可以直接操控你的 Mac，同時在背景執行多個 Agent

#Codex#OpenAI#AI Agent#Computer Use#macOS

用一支 Cloudflare Worker 打通 Agent Readiness 清單

接著 isitagentready.com 的評分項目，示範怎麼用一支 Cloudflare Worker 把 robots.txt、llms.txt、Link header 到 /.well-known/* 全部處理掉。再聊聊 Cloudflare 從制定標準、提供執行環境、託管 AI 模型到推出評分工具，正在下一盤想通吃 AI 時代 Web 基礎設施的大棋。

#AI#Cloudflare#Workers#MCP#Web 標準

Claude Code Monitor 工具：讓背景程序主動通知你

Claude Code v2.1.98 加入的 Monitor 工具能把任何 shell 指令的 stdout 即時串流進對話，讓 Claude 在背景程序產出事件時立刻反應，不再需要 sleep 或反覆輪詢。

#Claude Code#AI#工作流程#終端機

Cloudflare 推出 isitagentready.com：你的網站對 AI Agent 準備好了嗎？

Cloudflare 在 2026 Agents Week 推出的網站評分工具，掃描任何 URL 後給出 0–100 的 Agent Readiness Score，從 robots.txt 到 MCP Server Card 逐項檢查，順帶揭露了一個殘酷現實：絕大多數網站根本還沒準備好。

#AI#Cloudflare#前端#MCP#Web 標準

Claude Opus 4.7 的 xhigh 努力等級以及 ultrareview 功能

2026/04/16 釋出的 Claude Opus 4.7 帶來新的 xhigh 努力等級，以更少 token 超越 Opus 4.6 的 max 表現，同時推出 /ultrareview 指令做更深的程式碼審查。

#Claude Code#AI#Anthropic#開發工具#Claude Opus

Claude Code Routines：Anthropic 的 24 小時助手上線

2026/04/14 正式進入 research preview 的 Routines 功能，可以把重複性的 Claude Code 工作包成自動化任務，以排程、API call 或 GitHub 事件觸發，筆記本蓋起來照跑。

#Claude Code#AI#自動化#GitHub#工作流

還我一個乾淨的對話：用 /btw、/fork、/rewind 對抗 Claude Code 對話污染

介紹 Claude Code 三個常被忽略的 context 管理指令——/btw 側問不污染主線、/fork 建立平行分支、/rewind 回滾到乾淨狀態，以及如何組合成日常工作流程。

#Claude Code#AI#工作流程#Token 管理

Superpowers 與 SpecKit 比較

Superpowers 是 Jesse Vincent（obra）做的一套 AI 開發工作流程框架，概念和 SpecKit 有點像但切入角度不同。用下來記一下兩者的差異，以及什麼情境下 Superpowers 反而比 SpecKit 更適合。

#AI#Claude Code#Superpowers#Speckit

Claude Code v2.1.97：Focus View 聚焦瀏覽與 Status Line 即時刷新

v2.1.97 在 NO_FLICKER 模式下新增 Focus View（Ctrl+O）讓你在長 Session 中只看最後一輪問答，搭配 refreshInterval 讓 Status Line 定時刷新，兩個小功能合力解決長對話的訊息噪音問題。

#Claude Code#AI#終端機#NO_FLICKER

Claude Code 在 Windows 複製中文亂碼？OSC 52 剪貼簿問題完整解析

深入診斷 Claude Code 開啟 CLAUDE_CODE_NO_FLICKER=1 後，透過 OSC 52 複製中文產生亂碼的根因，並提供完整解決方案。

#Claude Code#Windows#OSC 52#UTF-8#剪貼簿

Claude Code 省 Token 實用指南

整理 Claude Code 官方文件與實際使用經驗，從模型選擇、上下文管理到 Hooks 優化，幫你有效降低 token 消耗。

#Claude Code#AI

簡單配置 Claude Code Hooks — 危險指令攔截 + 任務完成通知

設定 Claude Code 的 Hooks 機制，包含攔截危險指令、保護敏感檔案，以及任務完成時彈出 Windows 桌面通知。

#Claude Code#AI

修復 codex cli Error loading configuration 問題

最近在使用 codex cli 時遇到了 Error loading configuration: No such file or directory (os error 2) 的問題，找了很久的原因，最後發現是因為環境設定錯誤。

#Codex CLI#WSL

2025 使用 Speckit 的心得感想

Spec Kit 是一種強調「規格驅動開發」 的 AI 工作流程，與傳統的 Vibe Coding 不同。它要求開發者先定義規章、需求和流程，讓 AI Agent 規劃一切，從專案架構、技術棧到任務拆分。此模式能減少開發者操心，特別在整合現有專案時更有效率。但仍有如任務過細後 AI 容易忘記前期規章等缺點。

#AI#Speckit

重新將以 vscode 開啟加入右鍵選單

在某一次的 vscode 版本更新後，我發現 windows 的右鍵選單中原本的 "以 Visual Studio Code 開啟" 選項不見了。這邊再透過 reg 的方式將選單註冊回來

#VS Code#Windows

移除 WinUI3 專案建置後資料夾中的語系資料夾

在 WinUI3 專案建置後，relase 的資料夾會有一堆語系資料夾，但實際上都不會用到，最後才發現可以在 .csproj 檔案中新增一個 MSBuild 的 Target，在每次建置後自動移除不必要的語系資料夾。

#WinUI3

llms.txt 的用途

介紹 llms.txt 的由來、格式範例與實際應用，解析其如何協助大型語言模型（LLM）更精確理解網站內容。內容涵蓋技術部署、潛在效益、限制與未來展望，並探討 llms.txt 對技術文件、電商、部落格等不同網站型態的優化建議，是網站管理者與開發者不可錯過的最新趨勢解析。

#AI#學習筆記

解決 PhotoShop 字體粗度遺失問題

最近在 window 11 更新過後，發現 PhotoShop 原本 Noto Sans TC 的字體粗度不見了，找了很久的原因，會後發現是系統強制安裝了 VF 字體，導致字體衝突無法辨認字重問題，以及後續解決方法。

#PhotoShop