AI開發
Open Design 是什麼？開源 Local-first AI 設計工作區安裝與地端模型教學
Open Design 是開源、local-first 的 AI 設計工作區，可串接 Codex、Claude Code、Cursor 與 Ollama，在本機建立網站原型、儀表板、簡報與設計系統。本篇整理桌面版安裝、DESIGN.md、MCP、地端模型設定、隱私差異與適用情境。
Mr.大痣
2026 年 8 月 9 日
介紹使用ai開發程式相關知識與網站應用程式。
Open Design 是開源、local-first 的 AI 設計工作區，可串接 Codex、Claude Code、Cursor 與 Ollama，在本機建立網站原型、儀表板、簡報與設計系統。本篇整理桌面版安裝、DESIGN.md、MCP、地端模型設定、隱私差異與適用情境。
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、內部工具與快速原型。
GitHub 不只是備份程式碼，在 vibe coding 與 AI agent 時代，它是管理 branch、commit、Pull Request、Issue、Actions 與測試結果的安全帶。這篇整理如何用 GitHub 管好 AI 產生的程式碼。
Playwright 不只是測試框架，在 vibe coding 與 AI agent 時代，它是讓 AI 看懂畫面、操作瀏覽器、驗證 CTA、表單、RWD 與 FAQ 的基本工具。這篇整理 Playwright 為什麼必學，以及如何放進 AI coding 工作流。
Loop Engineering 不是寫更長的 prompt，而是設計一套讓 AI agent 能發現任務、執行、驗證、記錄狀態並持續迭代的工作流程。這篇用 AI coding、WordPress SEO 與中小企業工作流角度，整理 Loop Engineering 怎麼理解與導入。
Claude Cowork 不只是聊天 AI，而是把 Claude 放進本機資料夾、Project 與工作流程。這篇用中小企業與個人品牌角度，整理 Claude Cowork 怎麼用、適合哪些任務，以及導入 AI 工作流前要注意什麼。
Codex App GUI 特色整理：結合 Appshots、remote control、browser、Chrome、computer use、review pane、automations，聊為什麼桌面版更像 AI 工作台。