
Claude Design 是什麼?AI 設計工作區、Claude Code 串接與實作教學
Claude Design 是 Anthropic 官方 AI 設計工作區,可建立網站原型、簡報與品牌視覺,並同步 Claude Code。本篇整理啟用方式、設計系統、MCP、輸出格式、費用限制,以及和 Figma、Open Design 的差異。

Claude Design 是 Anthropic 官方 AI 設計工作區,可建立網站原型、簡報與品牌視覺,並同步 Claude Code。本篇整理啟用方式、設計系統、MCP、輸出格式、費用限制,以及和 Figma、Open Design 的差異。

Open Design 是開源、local-first 的 AI 設計工作區,可串接 Codex、Claude Code、Cursor 與 Ollama,在本機建立網站原型、儀表板、簡報與設計系統。本篇整理桌面版安裝、DESIGN.md、MCP、地端模型設定、隱私差異與適用情境。

Google Search Console 現在可新增 Instagram、TikTok、X 與 YouTube 平台資源。本篇帶你完成社群帳號驗證,查看 Google 搜尋、Discover、News 的點擊、曝光、CTR、熱門貼文與搜尋字詞,並整理功能尚未出現、資料空白及連線失效的排查方式。

創業初期想要 hello@品牌網域 的專業信箱,不一定要立刻買 Google Workspace。這篇教你用 Cloudflare Email Routing 免費建立自訂網域收信轉寄,並說清楚它適合什麼、不適合什麼。

第一次使用 WPML 不一定要用付費進階翻譯編輯器。這篇用 Hello World Page 範例,教你用 WordPress 原生編輯器手動建立中文與英文多國語言頁面。

OpenAI 推出 GPT-5.6 系列後,Sol、Terra、Luna 到底差在哪?這篇用一般人、中小企業、Codex 與 AI 工作流的角度,整理不同模型的使用情境與選擇建議。

ngrok 可以把 localhost 轉成公開 HTTPS 網址,很適合 LINE Messaging API webhook 本機測試。這篇整理 ngrok 是什麼、LINE 串接為什麼會用到它、免費方案限制,以及和 Cloudflare Tunnel 的差異。

PocketBase 是一個單一執行檔就能跑的開源後端,內建 SQLite、Realtime database、Auth、File storage 與 Admin dashboard。這篇用 vibe coding 與 AI agent 開發角度,整理它為什麼適合 MVP、內部工具與快速原型。

這次整理一個 WordPress 主機維運案例:localhost 與 127.0.0.1 連 MySQL 的差異、mysql.sock 消失造成資料庫連線錯誤,以及清 log 腳本應該避開 socket、pid、lock 等 runtime 檔。

GitHub 不只是備份程式碼,在 vibe coding 與 AI agent 時代,它是管理 branch、commit、Pull Request、Issue、Actions 與測試結果的安全帶。這篇整理如何用 GitHub 管好 AI 產生的程式碼。














