每個月都有數(shù)不清的AI工具發(fā)布，想搭建一個穩(wěn)定、可維護(hù)的工作流幾乎不可能——今天用的工具明天可能就過時了。我試過很多方案，現(xiàn)在終于為新的MVP項目確定了一套工具組合：代碼編輯器和編碼代理、帶看板的項目管理工具，全部通過終端統(tǒng)一調(diào)度。

很多人可能已經(jīng)知道了，但以防萬一：Stitch是谷歌推出的新AI工具，通過對話就能生成完整的UI界面。項目完成后，你可以要求調(diào)整細(xì)節(jié)或直接編輯生成的頁面。Stitch目前還在測試階段，但產(chǎn)出的素材已經(jīng)可以直接用在項目里了，至少在初期開發(fā)階段不需要手動創(chuàng)建設(shè)計稿。

對我們這套工作流來說，Stitch最突出的特性是它提供了MCP（模型上下文協(xié)議），能把代碼庫和設(shè)計系統(tǒng)連接起來，讓編碼代理直接與設(shè)計系統(tǒng)交互。

市面上的待辦清單工具多如牛毛，但我做任務(wù)追蹤時首選仍是Trello。它簡單易用、色彩豐富、界面友好又不臃腫。和Stitch一樣，Trello也有自己的MCP，可以直接連接到代碼編輯器。下面我會展示如何發(fā)揮它的潛力。

接下來是寫代碼的環(huán)節(jié)，這里有個有趣的點(diǎn)。我的工具箱包括Neovim、Sidekick和Opencode。前兩個不是本文重點(diǎn)，但Opencode才是真正的游戲規(guī)則改變者。

Opencode是一款開源編碼代理，能連接市面上最主流的服務(wù)：Claude Code、GitHub Copilot、Cursor等等。這讓你無論用哪家服務(wù)，都能保持標(biāo)準(zhǔn)化的工作流。這讓我可以專注于單一工具，不用在五花八門的IDE或CLI之間來回切換。Opencode精致、易用、可擴(kuò)展、功能強(qiáng)大，完美契合我對命令行工具的偏好。

簡單介紹完每個工具后，是時候把它們組合起來，看看從零開始搭建項目時能產(chǎn)生什么價值了。

先聲明：我不是"vibecoding"的擁躉，也不認(rèn)為這類工具能取代資深設(shè)計師或經(jīng)驗豐富的產(chǎn)品經(jīng)理。這點(diǎn)我立場堅定。但我想展示的是，如何用不同的代理來啟動項目，做POC或MVP。這能在項目早期階段給你實質(zhì)性的提速，不用在不熟悉的工具上浪費(fèi)時間。

你需要準(zhǔn)備：谷歌賬號（用于Stitch）、已安裝Opencode CLI的電腦、（可選）任意AI服務(wù)商的訂閱計劃。本教程我會用GitHub Copilot。

首先，把Opencode連接到首選的AI服務(wù)（或者保持默認(rèn)的Opencode Zen）。運(yùn)行opencode，打開后輸入/connect，按提示完成對應(yīng)服務(wù)商的配置。

現(xiàn)在我們可以通過專用MCP連接所有工具了。你的唯一入口是opencode聊天界面，但它會統(tǒng)籌一切——從設(shè)計到代碼。要連接MCP，需要從Trello和Stitch獲取API密鑰。