MD2DOC-Evolution v2.0：把 Markdown 變成可交給出版社修訂的 Word 書稿
MD2DOC-Evolution v2.0 是給技術書作者、工程師與內容團隊使用的開源出版工作台。本文完整示範 Markdown 匯入、出版語法、版型設定、DOCX 匯出、AI 轉稿、Word 後製與出版社導入方式。
Markdown
Documentation
Open Source
Automation
Archive
全部文章
這裡收斂所有已發布的技術文章。可以從最新內容往下讀，也可以先進系列或主題索引找脈絡。
適合想把一條學習線補完整的時候。
Topics 依主題探索從 AI 協作、後端、前端或工作流切入。
Projects 依專案閱讀從公開作品反查代表文章、技術棧與主題脈絡。
Pinned, then latest
全部文章
從模糊需求到 Code Review：拆解 Matt Pocock Skills 的工程 Workflow
深入拆解 Matt Pocock Skills 如何從需求釐清、規格與 Tickets，一路接到 TDD 和雙軸 Code Review，並判斷這套 AI 工程 Workflow 適合哪些開發情境。
AI Agent
Claude Code
Software Engineering
Testing
Day 5｜輸入文字也有分工：Text Field、Textarea、Password 與 Search
2026 iThome 鐵人賽 Vibe Coding UI Day 5：安安～我是ChiYu～ 昨天才把邀請 Dialog 的操作區分清楚：送出用 Button，權限說明用 Link。按鈕總算不再互相冒充，我把視線往上一移，新的問題已經排好隊等我了。 帳號、密碼、搜尋和備註，一人分到一個長方形輸入框。AI…
Vibe Coding
UX/UI
Frontend
Day 04｜按鈕只多包一層，哪種 Playwright Locator 撐得住？
2026 iThome 鐵人賽 WebMCP Day 4：安安～我是ChiYu～ 昨天我把活動網站從搜尋一路走到取消報名，最後挑了風險最低的搜尋流程，準備交給 Playwright 重播。今天它正式接班：開啟頁面、填入 WebMCP、按下搜尋，再確認畫面出現 一場活動。 第一輪很順，四行程式碼就完成了。接著…
WebMCP
AI Agent
JavaScript
Day 03｜先別急著做 Tool，我把活動網站自己走了一遍
2026 iThome 鐵人賽 WebMCP Day 3：安安～我是ChiYu～ 昨天把專案切到固定 tag，Web、API、測試和 build 也都跑起來了。照這個進度，今天最容易 做的事情，就是立刻替網站加上第一支 WebMCP Tool。 但我先把 Inspector 關掉。 不是它做錯了什麼，只是今…
WebMCP
AI Agent
JavaScript
Day 4｜按鈕不只是藍色方塊：Button、Link 與操作元件
2026 iThome 鐵人賽 Vibe Coding UI Day 4：安安～我是ChiYu～ 昨天，我們整理出一張八格 UI Spec，終於可以把「好用一點」拆成資料、操作、狀態與驗收條件。今天準備拿它處理 LumenDesk 的第一個完整任務：邀請成員。 不過在正式拆 Button 與 Link 之前…
Vibe Coding
UX/UI
Frontend
Day 02｜換到全新資料夾後，網站還能不能跑？
2026 iThome 鐵人賽 WebMCP Day 2：安安～我是ChiYu～ 昨天才把完成版的 Agent trace 端上桌，今天我做的第一件事，卻是把它收起來。 我另外開了一個空資料夾，重新 git clone，沒有沿用原本的 node_modules，也沒有順手把 環境裡那些「反正我的電腦已經有」…
WebMCP
AI Agent
JavaScript
Day 3｜一份 AI 看得懂的 UI Spec，至少要交代這 8 件事
2026 iThome 鐵人賽 Vibe Coding UI Day 3：安安～我是ChiYu～ 昨天，我把成員管理頁拆成 Component、Pattern 和 Layout，總算能指出：「這次只改部門篩選，不動整張頁面。」 修改範圍有了，照理說可以叫 AI 開工了吧？ 還不行。因為我手上只剩下這句需求：…
Vibe Coding
UX/UI
Frontend
Day 01｜網站真的會被 Agent 使用嗎？我先丟了一句自然語言
2026 iThome 鐵人賽 WebMCP Day 1：安安～我是ChiYu～ 今年我想拿一個很新的 Web API，做一件很老派的事：實際把它做完，再看看它到底有沒有 簡報上那麼神。 我先對 WebMCP Inspector 丟了一句很普通的需求： 幫我找台北、免費，而且適合入門者的活動。 沒有 Too…
WebMCP
AI Agent
JavaScript
Day 2｜這些東西到底叫什麼？Component、Pattern、Layout 與 Template
2026 iThome 鐵人賽 Vibe Coding UI Day 2：安安～我是祈豫～ 昨天留下來的後台有一個很麻煩的問題。 我知道搜尋沒反應、手機版壞掉，停用按鈕也像裝飾品，但真的要叫 AI 修改時，我只說得出：「那個東西幫我改一下。」 既然叫不出名字，我乾脆先請 AI 幫忙點名。還是同一張 Lume…
Vibe Coding
UX/UI
Frontend
頁數 1 / 12