光Lab.

解決 iOS 瀏覽器上下延伸不同顏色

說明 iOS 瀏覽器如何決定畫面上下的延伸色，以及如何利用根元素背景與貼齊 viewport 的固定純色元素，讓上下使用不同顏色。

從一份 AGENTS.md 開始，把部落格文章拆成草稿、AI 編輯審查、作者確認與正式發布，並記錄第一次實際跑完整套流程後補上的規則。

記錄我在 Mac 上用 Hermes Agent 串接 Telegram、Google Workspace 與 Notion，並因本地 Qwen3.5-9B Q4 量化版不穩定而改用 Codex 的實作與踩坑。

介紹 Claude Code 的 claude -p 非互動模式，如何讓 Codex、Git Hook、GitHub Actions 與各種 Script 直接呼叫 Claude，打造 AI Agent 自動化工作流程。

介紹如何在 Claude Code 安裝 OpenAI 官方 Codex Plugin，包含使用者層級安裝、環境檢查、模型設定、Review 指令與使用情境，並分享利用 Claude 與 Codex 雙模型協作進行程式碼審查的實際做法。

介紹 ADR（Architecture Decision Record）與 MADR 的用途，並整合 AGENTS.md 與 AI Coding Agent，讓團隊與未來的自己都能理解當初為什麼這樣設計。

在多 AI coding agent（Claude、Copilot、Codex、Gemini）並存的開發環境中，如何用 AGENTS.md 作為統一標準？本文整理 CLAUDE.md、skills 結構與 symlink 實務，提供一套可維護的多 Agent 工作流。

2026-05-04技術 #Lottie

使用 Lottie 製作網頁遊戲時，會遇到 renderer 差異、動畫重建、記憶體爆炸與 iOS 限制等問題。本文整理實戰踩坑與優化策略，包含 SVG vs Canvas 選擇、動畫管理與效能控制。

用 GitHub Actions 搭配中央氣象署 API 與 Telegram，打造一個每天晚上自動提醒的天氣警報 Bot。透過簡單規則判斷降雨與溫差，避免忘記帶傘或穿錯衣服，零成本且不需伺服器。

不只用手機控制智慧家電，這篇帶你實際透過 Home Assistant 的 REST API 操作設備，並接入 MCP Server 讓 AI 直接控制家中的智慧裝置。從產生 Token、呼叫 API，到 Claude MCP 整合一次實作。